HTML HTML Forms Choosing Options Create a Select Menu

belal elsawi
belal elsawi
2,099 Points

What am i doing wrong in this practise ??

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

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>

1 Answer

Hello,

The label should be before the select option.

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

Hope this helps!