HTML HTML Forms Choosing Options Create Checkboxes

still lost can some1 help im suck

dont understand what im doing wrong on the last portion of the code

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>

      <label>Shipping:</label>

      <input type="checkbox" id="shipping" value="fast_shipping"
      name="user_shirt size"><label class="light" for="fast_shipping">Fast Shipping</label>
   <input type= "checkbox"id="newsletter" value="subscribe" name="user_shirt size">
      <label class="light" for= "subscribe">Subcribe</label>
      <input type = "checkbox" id="newsletter" value="subscribe" name= "user_shirt size">
   <label>name="user_shirt size"><label class="light" for="subscribe">Subscribe to Newsletter</label><br>


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

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,287 Points

Don't do more than the challenge asks. Let's look at what you have:

 <input type="checkbox" id="shipping" value="fast_shipping"
      name="user_shirt size"><label class="light" for="fast_shipping">Fast Shipping</label>
   <input type= "checkbox"id="newsletter" value="subscribe" name="user_shirt size">
      <label class="light" for= "subscribe">Subcribe</label>
      <input type = "checkbox" id="newsletter" value="subscribe" name= "user_shirt size">
   <label>name="user_shirt size"><label class="light" for="subscribe">Subscribe to Newsletter</label><br>

First off there are only two checkboxes so delete one of your newsletter checkboxes. I'll also delete the additional label, name and class attributes to clear things up some more.

<input type="checkbox" id="shipping" value="fast_shipping"><label for="fast_shipping">Fast Shipping</label>
 <input type = "checkbox" id="newsletter" value="subscribe"><label for="subscribe">Subscribe to Newsletter</label><br>

From here the for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together. So change "fast_shipping" to "shipping" for the first label. Change "subscribe" to "newsletter" for the second label.

<input type="checkbox" id="shipping" value="fast_shipping"><label for="shipping">Fast Shipping</label><br>
<input type = "checkbox" id="newsletter" value="subscribe"><label for="newsletter">Subscribe to Newsletter</label><br>

Then just add a line break to the first checkbox and you should be good.

Thank you I appreciate it