HTML HTML Forms Choosing Options Create a Select Menu

Anil Mirchandani
Anil Mirchandani
4,587 Points

<button> tag

It is asking me to "add a submit button in the form" which I have done below.

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

I've also tried using <input> tags but it is specifically asking for <button> tags but not accepting the above.

Help please!

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

  </body>
</html>

1 Answer

Owa Aquino
Owa Aquino
19,277 Points

Hi Anil

Here some issues I found in your answer.

  1. You didn't close the <select> element, that's why it's not letting you add the <button> element inside it.
  2. Your button doesn't have a value 'Place Order' in it so you have to add that too.

Final answer should look like this.

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

  </body>
</html>

Hope this help! Cheers!