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 Kathryn Notson
Kathryn Notson
25,941 Points

HTML Forms Challenge: Add 6 color options to select menu & set value attributes to the same words in lowercase.

Here's my HTML code: <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>

What part of my HTML code is incorrect?

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>             
      </select>
    </form>

  </body>
</html>

3 Answers

Tim Rohweder
Tim Rohweder
25,527 Points
Tim Rohweder
Tim Rohweder
25,527 Points

I don't see any mistakes with your code...

Are you on Step 2 of the Code Challenge?

Kathryn Notson
Kathryn Notson
25,941 Points

Yes, I'm on the 2nd question on the Code Challenge & I got the "Bummer!" message twice. I originally capitalized the 1st word & then wrote the same word in lowercase letters. Then I switched them to lowercase 1st, then capitalized the same word. Either way, I got the same "Bummer!" message. I'm stumped.

bleedcmyk
bleedcmyk
5,945 Points
bleedcmyk
bleedcmyk
5,945 Points

It looks correct to me :|

It actually also passes for me as well when I copy pasta your code.

Kathryn Notson
Kathryn Notson
25,941 Points

Thanks. However, either way I write the words, whether the 1st word is capitalized & then the 2nd time it's lowercase or vise versa, I still get the "Bummer!" message. I'm stumped.

bleedcmyk
bleedcmyk
5,945 Points

I would refresh the page and start over. It should work, because your code is correct.

Tim Rohweder
Tim Rohweder
25,527 Points
Tim Rohweder
Tim Rohweder
25,527 Points

Maybe try starting the code challenge over from scratch? The code you put up there looks like it should work fine. Maybe it's just a glitch or something...