Select Menus

Question

Hey all, not sure what I'm doing wrong here.

"Add a label to the select element with text "Shirt Color:"

<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>

//I'm being asked to add a label attribute, and text "shirt color:" to the select element. I took that as being asked to wrap the option elements within an <optgroup> element like the previous lesson taught us. But when I do so, the code from the previous task (adding the option elements) no longer run.

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>
    </form>

  </body>
</html>

Answer 1 · 2016-01-11T18:07:14Z

January 11, 2016 6:07pm

Hi Matthew, in this challenge a label with a for attribute is the correct answer:

    <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>

Answer 2 · 2016-01-11T18:13:40Z

January 11, 2016 6:13pm

Hi Matthew,

You've got the label in the right place (above the select menu), but a label should look like this:

      <label for="color">Shirt Color</label>

Hope that helps,

Ede

Welcome to the Treehouse Community

Looking to learn something new?

Matthew Ashman

Matthew Ashman

Select Menus

2 Answers

Erik S.

Erik S.

edeharrison

edeharrison