Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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
215,984 Points
Steven Parker
Steven Parker
215,984 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.