HTML HTML Forms Choosing Options Create a Select Menu

William Twiner
William Twiner
2,605 Points

What's wrong with this code? Button is not working

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

</form>

</body> </html>

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

    </form>

  </body>
</html>
William Twiner
William Twiner
2,605 Points

Ok I was able to find out. I did not close my /select.

Does it matter if we use POST or GET though?

Zimri Leijen
Zimri Leijen
9,838 Points

yes, using post or get does matter.

The way the server receives the information is different between post and get.

With forms, you usually want post, since you're sending information to the server.

1 Answer

Franco ADP
Franco ADP
3,139 Points

Using post or gets makes a difference.