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

Posted by Jacob Goo
Jacob Goo
5,627 Points

label and input problem

in the code challenge it comes up with an error that says i need to put a label element before the input element even though the label is before the input here my code ''<label for="name">Name:</label> <input type="text" id="name" name="user_name">''

2 Answers

Jeremy Hayden
Jeremy Hayden
1,740 Points
Jeremy Hayden
Jeremy Hayden
1,740 Points

This works, check your code for an extra space, or other error.

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

    <form action="index.html" method="post">
      <label for="name">Name:</label>
      <input type="text" id="name" name="user_name">
      <textarea id="comment" name="user_comment"></textarea>
      <button type="submit">Submit Comment</button>
    </form>

  </body>
</html>
Jeremy Hayden
Jeremy Hayden
1,740 Points
Jeremy Hayden
Jeremy Hayden
1,740 Points

Is there and extra space throwing off your label at the end of Name:?

Jacob Goo
Jacob Goo
5,627 Points

thanks for the help, this code worked

Andrew Molloy
Andrew Molloy
37,259 Points
Andrew Molloy
Andrew Molloy
37,259 Points

Worked fine for me and I can't see anything wrong with the code you posted, maybe try reloading the challenge. If it still doesn't work post the entire code in case something else has gone astray.