HTML HTML Forms Choosing Options Create Checkboxes

checkboxes

It says that I need the checkbox inside the form tag, but it looks like it is inside the form tag? What am I missing?

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>
      </select>
      <label>Shirt Size:</label>
      <input type="radio" id="small" value="small" name="shirt_size"><label for="small">Small</label><br>
      <input type="radio" id="medium" value="medium" name="shirt_size"><label for="medium">Medium</label><br>
      <input type="radio" id="large" value="large" name="shirt_size"><label for="large">Large</label><br>


      <input type="checkbox" id="shipping" value="fast_shipping">
      <input type="checkbox" id="newletter" value="subscribe">



      <button type="submit">Place Order</button>
    </form>
  </body>
</html>

2 Answers

I have not learned this far on HTML yet. but it appears you have a typo (if I am correct). again I have not learned this yet so i may be wrong.

<label for="color">Shirt Color:</label>

should be

<label form="color">Shirt Color:</label>

form not for

the "for" is correct ;)

It assigns the label to the form item with an id named color.

Hi Matt!

      <input type="checkbox" id="shipping" value="fast_shipping">
      <input type="checkbox" id="newletter" value="subscribe">

The challenge asks for a checkbox with an id called "newsletter". you forgot the s in the id name newsletter. And what about the name attribute? Did the challenge not ask you to group the checkboxes?

Hugs Saskia