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

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

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

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.

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