HTML HTML Forms Choosing Options Create Checkboxes

Olivia Urry
Olivia Urry
4,164 Points

I have opening and closing label elements and line breaks on both lines of code i wore. not sure what up.

challenge task 3 of 3 asked me to add label elements and line breaks to 2 lines of code i wrote in the last 2 previous challenges. it doesn't look like ive spelled anything wrong and my punctuation looks correct. 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>
      </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"><label for="Fast Shipping">Fast Shipping</label><br>
      <input type="checkbox" id="newsletter" value="subscribe"><label for="Subscribe to Newsletter">Subscribe to Newsletter</label><br>

      <button type="submit">Place Order</button>
    </form>
  </body>
</html>
Cheo R
Cheo R
35,541 Points
<input type="checkbox" id="shipping" value="fast shipping"><label for="Fast Shipping">Fast Shipping</label><br>

You're missing an underscore _ for fast_shipping and Fast_Shipping.

1 Answer

Steven Parker
Steven Parker
155,187 Points

As Cheo pointed out, one issue is that the value of the first item needs to be fast_shipping (with an underscore).

But in both cases, the "for" attribute of the label should match the "id" attribute of the input. So the first one should have for="shipping", and the second should have for="newsletter".

Olivia Urry
Olivia Urry
4,164 Points

got it, thank you!