HTML HTML Forms Choosing Options Create a Select Menu

Tevi Lawson
Tevi Lawson
5,645 Points

What am I missing here - I created the button

What's wrong with my code?

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 type="submit">Place Order</button>

    </form>

  </body>
</html>

1 Answer

Rachel Lev
Rachel Lev
14,284 Points

You need to close your select element, and the button should be outside the tag:

<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">Place Order</button> 
</form>