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 Choosing Options Create a Select Menu

Posted by shane smith
shane smith
5,247 Points

question 3 of 4 is not passing any ideas

question 3 of 4 is not passing any ideas I have gone back to question 2 of 4 with same code and works in preview also no preview on 3 of 4 and keeps saying answer is incorrect. I don't think there's and error in my code any suggestions

thanks.

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

    <form action="index.html" method="post">
      <h1>Shirt Order Form</h1>
      <select id="color" name="shirt_color">
        <optgroup label="shirt color:">
            <option value="red">Red</option>
            <option  value="yellow">Yellow</option>
            <option value="purple">Purple</option>
            <option value="blue">Blue</option>
            <option value="green">Green</option>
            <option value="orange">Orange</option>
        </optgroup>
      </select>
    </form>

  </body>
</html>

3 Answers

Wairton Rebouças
Wairton Rebouças
8,225 Points
Wairton Rebouças
Wairton Rebouças
8,225 Points

Hi, question 3 is asking for a label like this:

  <label for="color">Shirt Color</label>
  <select id="color" name="shirt_color">

Use a label tag and remove optgroup tag and it will be fine :)

Simon Coates
Simon Coates
28,694 Points
Simon Coates
Simon Coates
28,694 Points

It wants a label not a labelled option group:

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

    <form action="index.html" method="post">
      <h1>Shirt Order Form</h1>
      <label for="color">Shirt Color</label>
      <select id="color" name="shirt_color">
            <option value="red">Red</option>
            <option  value="yellow">Yellow</option>
            <option value="purple">Purple</option>
            <option value="blue">Blue</option>
            <option value="green">Green</option>
            <option value="orange">Orange</option>
      </select>
    </form>
  </body>
</html>
shane smith
shane smith
5,247 Points
shane smith
shane smith
5,247 Points

ah ha yes thanks both for the help much appropriated