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

David DeWeaver
David DeWeaver
3,701 Points
Posted by David DeWeaver
David DeWeaver
3,701 Points

Cannot add a label element to the select menu with the text "Shirt Color:"

Every time I try to create a label for the select menu with the text "Shirt Color," The label does not get recognized, and instead I get a message saying that I need to add a label. How can I fix my code?

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">
      <label for="color">Shirt Color:</label>
        <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>

3 Answers

Chris Andruszko
Chris Andruszko
18,392 Points
Chris Andruszko
Chris Andruszko
18,392 Points

Oops, my bad. Didn't realize this was for a challenge on here.

You just have to put the label before the select element. Like this:

<label for="color">Shirt Color:</label>
<select id="color" name="shirt_color">
David DeWeaver
David DeWeaver
3,701 Points
David DeWeaver
David DeWeaver
3,701 Points

Thank you very much! i did not realize that order mattered.

Chris Andruszko
Chris Andruszko
18,392 Points
Chris Andruszko
Chris Andruszko
18,392 Points

"color" is not a form element, so the label isn't being attributed to anything.

If you want more of a "title" in the drop-down list, you can use the following code to put it there and the user won't be able to select it as an option.

<option selected disabled>Shirt Color:</option>
David DeWeaver
David DeWeaver
3,701 Points
David DeWeaver
David DeWeaver
3,701 Points

You misunderstand my question, the challenge specifically asks for a label for the "color" select element. How else do I refer to the select element besides its id of "color"? Your proposed solution works but isn't what the challenge is asking for- the challenge specifically asks for a label element.