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 Fieldsets and Legends

Gavin Eyquem
seal-mask
.a{fill-rule:evenodd;}techdegree
Gavin Eyquem
Front End Web Development Techdegree Student 20,735 Points
Posted by Gavin Eyquem
.a{fill-rule:evenodd;}techdegree
Gavin Eyquem
Front End Web Development Techdegree Student 20,735 Points

What's wrong with my legends tag?

My second set of legends tag, the comment one, is reported as wrong but it seems right. Can someone point out where I've gone wrong?

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


    <form action="index.html" method="post">
       <fieldset>
      <legend>tell us about yourself</legend>
      <label for="name">Name:</label>
      <input type="text" id="name" name="user_name">
      <label for="email">Email:</label>
      <input type="email" id="email" name="user_email">
       </fieldset>

        <fieldset>
         <legend>whats on your mind</legend>
      <label for="comment">Comment:</label>
      <textarea id="comment" name="user_comment"></textarea>
        </fieldset>

       <fieldset> 
      <button type="submit">Submit Comment</button>
       </fieldset>
      </form>


  </body>
</html>

2 Answers

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Hi Gavin, I think the issue is you have declared a third fieldset around the submit button when it is not needed, if you remove that it should work, like so:

 <fieldset>
         <legend>whats on your mind</legend>
      <label for="comment">Comment:</label>
      <textarea id="comment" name="user_comment"></textarea>
        </fieldset>
<button type="submit">Submit Comment</button>

Hope that helps!

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Im not sure, but shoudnt be this inside a HTML form?

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Please somebody explain me whats wrong with my answer?

Obeviously theres nothing wrong as this :

<fieldset>
         <legend>whats on your mind</legend>
      <label for="comment">Comment:</label>
      <textarea id="comment" name="user_comment"></textarea>
        </fieldset>
<button type="submit">Submit Comment</button>

Should in in a html form..