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 cleancoder
cleancoder
8,307 Points

<button input type="submit" name="place_order">Place Order</button> I put in the above code but it says it's wrong.

Can't seem to complete task 4 of 4.

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="blue">Blue</option>
        <option value="green">Green</option>
        <option value="orange">Orange</option>
        <button input type="submit" name="place_order">Place Order</button>

      </select>
    </form>

  </body>
</html>

3 Answers

Ben Morse
Ben Morse
6,068 Points
Ben Morse
Ben Morse
6,068 Points

Add the button element outside the select element

        <option value="green">Green</option>
        <option value="orange">Orange</option>
     </select>
   <button input type="submit" name="place_order">Place Order</button>
Ben Morse
Ben Morse
6,068 Points
Ben Morse
Ben Morse
6,068 Points

Happy Coding :)

Tobias Helmrich
Tobias Helmrich
31,603 Points
Tobias Helmrich
Tobias Helmrich
31,603 Points

Hey Shanen,

good job, you almost got it working! :) You just have two small flaws: Firstly you should remove "input" from your button element as you just want to make a button element and it doesn't have an attribute called input. If you'd want to use an input you would do it in a different way.

The other problem is that your button is inside of the select element but you shouldn't do that. So if you remove "input" from your button element and move the button outside of your select element but inside of the form element it should work fine!

Like so:

    <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="blue">Blue</option>
        <option value="green">Green</option>
        <option value="orange">Orange</option>
      </select>
      <button type="submit" name="place_order">Place Order</button>
    </form>

I hope that helps! :)

cleancoder
cleancoder
8,307 Points
cleancoder
cleancoder
8,307 Points

Thank you I'll try these and hopefully it will work!