Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Forms Organizing Forms Add Labels

silvia flores
silvia flores
3,464 Points
Posted by silvia flores
silvia flores
3,464 Points

stuck on creating a label email. <form action="index.html" method="post"> <input type="text" id="name" name="

<form action="index.html" method="post"> <input type="text" id="name" name="user_name"> <label for="name">Name:</label> <input type="text" id="name" name="user_name"> <label for="mail">Email</label> <input type="email" id="mail" name="user_email"> <lable for="email">Email</lable> <input type="email" id="mail" name="user_email"> <label for="mail"> Email: </label> <input type="email" id="mail" name="user_email">

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Forms</title>
  </head>
  <body>

    <form action="index.html" method="post">
      <input type="text" id="name" name="user_name">
      <label for="name">Name:</label>
        <input type="text" id="name" name="user_name">
      <label for="mail">Email</label>
       <input type="email" id="mail" name="user_email">
      <lable for="email">Email</lable>
        <input type="email" id="mail" name="user_email">
      <label for="mail"> Email: </label>
       <input type="email" id="mail" name="user_email">

      <textarea id="comment" name="user_comment"></textarea>
      <label for="comment">Comment:</label>
      <button type="submit">Submit Comment</button>
    </form>

  </body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi silvia! I can see you've worked on this, and in some cases, you're very close! However, the challenge explicitly states that the id of the input be set to "email". In your inputs, you've set it to "mail". Now, this would work normally, but will not satisfy the exacting demands of the challenge. Also, in a couple of places you've misspelled "label" as "lable", which is not a valid HTML element. You will need to remove any extraneous input for email also to make the challenge pass. Here's what they're looking for:

<input type="email" id="email" name="user_email">
      <label for="email">Email: </label>

Good luck and happy coding! :sparkles:

silvia flores
silvia flores
3,464 Points
silvia flores
silvia flores
3,464 Points

Tks. that made it clear. I had a bit of a headache prior to working on this. boo.