HTML HTML Forms Choosing Options Create Checkboxes

Melvyn Little III
Melvyn Little III
6,634 Points

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
PRO
KRIS NIKOLAISEN
Pro Student 44,055 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.