Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Forms Form Basics Create a Submit Button

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

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,914 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,486 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,358 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.