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 Radio Buttons

When associating labels with radio buttons, Task 3 no longer passes

When I create labels for the "small", "medium" and "large" radio buttons it causes the code to no longer pass for Task 3. What am I doing wrong?

My code:

   <label>Shirt Size:</label>
    <label for="small">Small</label>
    <input type="radio" id="small" value="small" name="shirt_size">
    <label for="medium">Medium</label>
    <input type="radio" id="medium" value="medium" name="shirt_size">
    <label for="large">Large</label>
    <input type="radio" id="large" value="large" name="shirt_size">
yosef strauss
yosef strauss
1,578 Points

instead of putting your label elements(excluding your Shirt Size:)above its input element, put it under neath <label>Shirt SIze:</label>

<input id="small"... /> <label for="small"></label>

and then same thing for the medium and large.

Matthew Thomas
Matthew Thomas
8,519 Points

As yosef says, your code should look more like this:

  <label>Shirt Size:</label>
      <input type="radio" id="small" value="small" name="shirt_size">  <label for="small">Small</label>
      <input type="radio" id="medium" value="medium" name="shirt_size"><label for="medium">Medium</label>
      <input type="radio" id="large" value="large" name="shirt_size"><label for="large">Large</label>

1 Answer

It worked! Thank you!