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

Posted by Douglas Watts
Douglas Watts
5,464 Points

Form Label Challenge

Help with this challenge: Create and associate a label with each of the 3 shirt size radio buttons. Give them the text "Small", "Medium", and "Large".

<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">

that's what have....dose not work. here is link:http://teamtreehouse.com/library/create-radio-buttons

6 Answers

idan ben yair
idan ben yair
10,288 Points

Hello Douglas,

You need to position your "small", "medium", "large" labels with the for attribute after the inputs. Like this: ```html <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>

I can allow myself to give you the full answer since you are very close to it and only missed the part of placing the labels in the right spot.

Let me know if that helped :)
Brittany Allen
Brittany Allen
9,803 Points
Brittany Allen
Brittany Allen
9,803 Points

I copied your code into the challenge and it worked for me. You might have to indent that first label, but other than that I would just try backing out of the challenge and going back in to reenter the code.

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Douglas,

The challenge is requiring the labels to be after the radio inputs.

Brett Stave
PLUS
Brett Stave
Courses Plus Student 3,585 Points
Brett Stave
Brett Stave
Courses Plus Student 3,585 Points

I had this same issue...

Idan Ben Yair's response will do the trick.

Just move the labels after the inputs!

Douglas Watts
Douglas Watts
5,464 Points
Douglas Watts
Douglas Watts
5,464 Points

Thanks to everyone, that did it!!

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

No problem Douglas anytime!