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

Posted by Alonzo Delk
Alonzo Delk
6,991 Points

I'm not seeing where this label element goes, please show my mistakes someone?

I'm not seeing where this label element goes, please show my mistakes someone?

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

    </form>

  </body>
</html>

2 Answers

Peter Vann
Peter Vann
36,425 Points
Peter Vann
Peter Vann
36,425 Points

Hi Alonzo!

A couple of issues:

1) You don't need the optgroup tag

2) You needed to close the select tag

3) Connect the "for" in the label to the "id" in the select tag

<!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>
      <label for="color">Shirt Color:</label><!-- Connect "for" -->
      <select id="color" name="shirt_color"><!-- to "id" here -->
        <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>
      <button type="submit">Place Order</button>
    </form>

  </body>
</html>

I hope that helps.

Stay safe and happy coding!

Alonzo Delk
Alonzo Delk
6,991 Points
Alonzo Delk
Alonzo Delk
6,991 Points

Thank you my guy Peter, I fixed it and it helped!