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 Form Basics Create a Submit Button

Posted by Garen Bolash
Garen Bolash
1,754 Points

After the input, add a textarea with the id attribute set to "comment" and the name attribute set to "user_comment". ??

After the input, add a textarea with the id attribute set to "comment" and the name attribute set to "user_comment".

can not get this, I have type this and it says it is wrong <textarea id="comment" name="user_comment"></textarea> it says not needs an id, I have an id. not sure.

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">
       <textarea id="name" name="user_name"></textarea>
       <textarea id="comment" id="comment" name="user_comment"></textarea>
    </form>
  </body>
</html>
Viktoria S
Viktoria S
6,773 Points
Viktoria S
Viktoria S
6,773 Points

It seems you have id="comment" twice in the last <textarea>, just remove one of them. You also used id="name" twice at input and the 1st textarea. The id should be unique and only used once.

3 Answers

Matthew Caloger
Matthew Caloger
12,903 Points
Matthew Caloger
Matthew Caloger
12,903 Points

The issue appears to be with the first <textarea> you have 

<textarea id="name" name="user_name"></textarea>

Because it shares the same ID as your <input>, it prevents the page from working correctly.

 <form action="index.html" method="post">
       <input type="text" id="name" name="user_name">
       <textarea id="comment" name="user_comment"></textarea>
    </form>

Also be sure to remove the second id="comment", having two ID setters in the same element can be confusing and cause additional issues.

Tom Nguyen
Tom Nguyen
33,501 Points
Tom Nguyen
Tom Nguyen
33,501 Points

solution:

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>HTML Forms</title>
    <form action="index.html"method="post">
      <input type="text"id="name" name="user_name">
      <textarea id="comment" name="user_comment"></textarea>
      <button type="submit" value="submit">Submit</button>
    </form>
  </head>
  <body> 
  </body>
</html>
Sean Gibson
Sean Gibson
38,363 Points
Sean Gibson
Sean Gibson
38,363 Points

In my case I was typing everything correctly but it wouldn't accept the answer unless the <textarea> element was BEFORE the <input> element. I wouldn't think order would be an issue but in this case it seems it was.