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

Bree kelly
Bree kelly
1,725 Points
Posted by Bree kelly
Bree kelly
1,725 Points

button code.

I cannot tell what I am doing wrong here. I feel like I'm typing the code that was instructed, and it is within the form. It is a major bummer! Please explain the error.

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

  </body>
</html>
Chris Davis
Chris Davis
16,280 Points
Chris Davis
Chris Davis
16,280 Points

It looks like you forgot to close your </select> before adding your button. Hope that helps :) Here is an example http://jsfiddle.net/WW3bh/

2 Answers

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi Bree,

You have almost got it, just needed the closing </select> tag. The <select></select> element should always wrap the <option></option> elements.

<!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>
      <select id="color" name="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>
      </select>
      <button type="submit">Place Order</button>
    </form>

  </body>
</html>

The above is the complete answer to the quiz.

For a good and easy to follow reference on the <select> element, check out w3schools HTML select tag.

Hope this helps.

Craig

Bree kelly
Bree kelly
1,725 Points
Bree kelly
Bree kelly
1,725 Points

Thank you so very much! I was staring at the code and going cross-eyed. Now it seems obvious, but I just could not figure it out. Highly appreciated!