HTML HTML Forms Choosing Options Create a Select Menu

Monroe Gollaher
Monroe Gollaher
7,169 Points

Add a submit button with the text "Place Order".

For the excersize it says I need to "Add a submit button with the text "Place Order". Every time I try to do this challenge it said I did it wrong and get the following error. "Bummer! You need to add a <button> element within the form". I feel like clearly I did, unless I am missing something. Please help.

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

Elijah Quesada
PRO
Elijah Quesada
Front End Web Development Techdegree Graduate 27,942 Points

You need to add a 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="blue">Blue</option>
          <option value="green">Green</option>
          <option value="orange">Orange</option>
</select> <!--add--->
        <button type="submit">Place Order</button>

    </form>

  </body>
</html>
Monroe Gollaher
Monroe Gollaher
7,169 Points

Oh my gosh thank you!! Idk how I missed that haha.