"label for" checkboxes and radio buttons

Sat Jul 17 17:10:54 2004

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

Just a check box

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!

Got something to add? Send me email.

(OLDER) <- More Stuff -> (NEWER)    (NEWEST)   

Printer Friendly Version

-> -> 'label for' checkboxes and radio buttons


Increase ad revenue 50-250% with Ezoic

More Articles by

Find me on Google+

© Tony Lawrence

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

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

Kerio Samepage

Have you tried Searching this site?

Unix/Linux/Mac OS X support by phone, email or on-site: Support Rates

This is a Unix/Linux resource website. It contains technical articles about Unix, Linux and general computing related subjects, opinion, news, help files, how-to's, tutorials and more.

Contact us

The idea that Bill Gates has appeared like a knight in shining armour to lead all customers out of a mire of technological chaos neatly ignores the fact that it was he, by peddling second rate technology, led them into it in the first place, and continues to do so today. (Douglas Adams)

Basic happened to be on a GE timesharing system that was done by Dartmouth, and when GE decided to franchise that, it started spreading Basic around just because it was there, not because it had any intrinsic merits whatsoever. (Alan Kay)

This post tagged: