Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Forms Fieldsets and Labels

Stacy Fabian
Stacy Fabian
2,246 Points

Why do you need to do that "label for="" and id="" method when you can get the same results another way?

Here's what I originally typed...

<input type="checkbox" name="meal selection" value="sunday_breakfast">Sunday Breakfast<br>

And it resulted in the same field labels as...

<input type="checkbox" name="meal selection" value="sunday_breakfast" id="sunday_breakfast"><label for="sunday_breakfast">Sunday Breakfast</label>

Is there some reason down the line that my original entry method would not work or would result in something looking all wonky or is it just one of those things to have "clean code"? Or is it even because or css styling?

Thanks! Stacy

2 Answers

Well, we know you need to declare an ID for JavaScript/CSS methods and/or styles.

As for the "for" attribute associates the label with a control element as defined in the description of label in the HTML 4.01 spec. When the label element receives focus (e.g. by being clicked on), it passes the focus on to its associated control.

I would suggest checking out the Mozilla Developer Network on the Label Element over on their site, it is a good source for when you get stuck on anything web design or development (in my opinion). I used their site a reference point when I first started web design.

Hope this help,

Stu :)

Stacy Fabian
Stacy Fabian
2,246 Points

Thanks! I'm used to Drupal front end so taking a step back and learning the backend from the true "beginning" is a bit of a mind-bender at times. :)