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

forms challenge

I am taking the final challenge for the first section in the html forms class with nick petit. I am trying to add the option value red yellow blue green ext. for some reason the first option value in the list appears in faded gray letters. I copy and pasted the first option to the end of the list and it appered to be hilighted in the correct colors at the bottom of the list. but for some reason it won't recognise the code if it is the first option in the list. Its the same code from top to bottom. am i missing something here?

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"


    <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>
    <option value="red">red</option>          

    </form>

  </body>
</html>

2 Answers

You forgot to close your opening select (missing a >) tag as well as the closing select tag entierly :)

thanks