HTML HTML Forms Choosing Options Create a Select Menu

Samuel Duarte
Samuel Duarte
2,929 Points

Label

I can't figure out what I'm doing wrong.

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

  </body>
</html>
Samuel Duarte
Samuel Duarte
2,929 Points

I am trying to figure out this question. {Add a label element to the select menu with the text "Shirt Color:"}

4 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,332 Points

Since the label is for the select element place the code just before that.

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

Note: The for attribute has been set to "color" which is the id of the select element.

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,332 Points

label is a separate element with it's own tags. It has a 'for' attribute which allows you to bind the label to another element. You can read about it here

Samuel Duarte
Samuel Duarte
2,929 Points

How and where would I put it in the code?

Samuel Duarte
Samuel Duarte
2,929 Points

Thank you for your help! I was putting the code in the wrong spot!