Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Forms Choosing Options Create Checkboxes

Posted by 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
KRIS NIKOLAISEN
54,968 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,968 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.

Melvyn Little III
Melvyn Little III
6,634 Points
Melvyn Little III
Melvyn Little III
6,634 Points

Thank you I appreciate it