"label for" checkboxes and radio buttons

DevNiall made me aware of an HTML form feature I didn't know about. These two checkboxes are very similar:

Just a check box

Another checkbox

But there is a difference: on the bottom one, you can click on either the text or the checkbox itself. On the top one, you have to click on the box.

The code difference is just the addition of an id and a "label for" tag:

<input type="checkbox" name="acbox" value="Just a check box">Just a check box

<input type="checkbox" id="idbox" name="cboxwithlabel" value="Another check box"><label for="idbox">Another checkbox</label>

DevNiall explained:

Now instead of a 16x16 capture (just the checkbox) you have the
checkbox *and* the label itself available for capture, just like any
normal UI.

By "capture" I mean that the label is capable of capturing, responding
to, and bubbling events like onclick etc. The UI term for actually
clicking on the thing is "acquisition", as in "the target is
easier to acquire because you can click on the label or the checkbox".
 

Thanks, Niall!

2 comments

More Articles by Tony Lawrence - Find me on Google+

Click here to add your comments




Thu Oct 8 16:23:20 2009: 7152   ArmandoBorge


Thanks... Good Information and very helpful...!!!



Don't miss responses! Subscribe to Comments by RSS or by Email

Click here to add your comments

If you want a picture to show with your comment, go get a Gravatar

Jump to Comments

Many of the products and books I review are things I purchased for my own use. Some were given to me specifically for the purpose of reviewing them. I resell or can earn commissions from the sale of some of these items. Links within these pages may be affiliate links that pay me for referring you to them. That's mostly insignificant amounts of money; whenever it is not I have made my relationship plain. I also may own stock in companies mentioned here. If you have any question, please do feel free to contact me.

Specific links that take you to pages that allow you to purchase the item I reviewed are very likely to pay me a commission. Many of the books I review were given to me by the publishers specifically for the purpose of writing a review. These gifts and referral fees do not affect my opinions; I often give bad reviews anyway.

We use Google third-party advertising companies to serve ads when you visit our website. These companies may use information (not including your name, address, email address, or telephone number) about your visits to this and other websites in order to provide advertisements about goods and services of interest to you. If you would like more information about this practice and to know your choices about not having this information used by these companies, click here.