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

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

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>

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

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

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.