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 Markese Rice
Markese Rice
2,848 Points

I've been asked to add a submit button with the words "Place Order. I used <button type="submit">Place Order</button>

<button type="submit">Place Order</button>

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">
       <fieldset>      
        <option value="red">Red</option value>
        <option value="yellow">Yellow</option value>
        <option value="purple">Purple</option value>
        <option value="blue">Blue</option value>
        <option value="green">Green</option value>
        <option value="orange">Orange</option value>
       </fieldset>
        <button type="submit">Place Order</button>

      </form>

  </body>
</html>

2 Answers

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

I think you shouldn't have value at the closing tag.

 <fieldset>      
        <option value="red">Red</option value>
        <option value="yellow">Yellow</option value>
        <option value="purple">Purple</option value>
        <option value="blue">Blue</option value>
        <option value="green">Green</option value>
        <option value="orange">Orange</option value>
       </fieldset>
        <button type="submit">Place Order</button>

It should be like this. Normally you don't add value or class to the ending tag. You also forgot to add the select tag. The select tag and option work together. Chechk this site out http://www.w3schools.com/tags/tag_option.asp

 <fieldset>      
  <select>
        <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>
       </fieldset>
        <button type="submit">Place Order</button>
Marcus Parsons
Marcus Parsons
15,719 Points

+1 but the fieldset element should not be present. Also, your select element needs the id and name attributes.

Markese Rice
Markese Rice
2,848 Points
Markese Rice
Markese Rice
2,848 Points

Thank you both. You are correct I did not need the fieldset element. I was missing the closing </select> tag.

Marcus Parsons
Marcus Parsons
15,719 Points

You can definitely have a fieldset tag around your elements if you want it, but you just can't put one inside certain elements such as the select box.