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!

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 Unsubscribed User
Unsubscribed User
3,436 Points

4th section of the challenge isn't being solved

Hello,

I tried adding a button as requested but for some reason it's not working. Can you advise what i did 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>
       <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="green">green</option>
          <option value="orange">orange</option>
         <button type="submit">Place Order</button>
    </form>

  </body>
</html>

3 Answers

Tom Gooding
Tom Gooding
16,735 Points
Tom Gooding
Tom Gooding
16,735 Points

Hi Moe,

You're missing the closing <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>
       <select id="color" name="shirt_color">
          <option value="red">red</option>
          <option value="yellow">yellow</option>
          <option value="purple">purple</option>
          <option value="green">green</option>
          <option value="orange">orange</option>
        </select><!-- Missing -->
        <button type="submit">Place Order</button>
    </form>

  </body>
</html>
Steven Parker
Steven Parker
228,039 Points
Steven Parker
Steven Parker
228,039 Points

It doesn't look like your submit element has an ending tag. There should be one after the last option element.

The challenge should've called you on this before now. You might want to report this as a bug to Support.

Iagor Moraes
Iagor Moraes
18,678 Points
Iagor Moraes
Iagor Moraes
18,678 Points

You cannot put the button tag inside select tag, and select is not a self-closing tag, hope you understands this better now.