HTML HTML Forms Choosing Options Create a Select Menu

Problem with the code challenge task 3 of 4. Add a label element to the select menu with the text"Shirt Color"

Hi, this is my code to the challenge. I added this code <label for="color">Shirt Color</label> after the select element. But it was marked wrong, and said that I need to add a label for the "color" select element.

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

2 Answers

Ok, the label should be before the opening select tag.

Thank you. It worked! That was the problem.

Please attach the code

Thank you, this is the code.

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