Differences between simplified HTML form label and normal syntax

CodeDemo and download: http://web-developer-tips.appspot.com/label/

 

Complete label syntax in HTML form, using:

<Label for = "gender"> Gender: </label> <input type = "radio" name = "gender" id = "gender" value = "1"/>

Abbreviated as:

<Label> Gender: <input type = "radio" name = "gender" value = "1"/> </label>

Conclusion: GTE IE7, Firefox, and chrome support label shorthand. Click the text to select radio. IE6 does not support label shorthand. clicking the text does not select radio.

NOTE: If label is abbreviated, click label once. Label onclick, input onclick, and label onclick (GTE IE7, Firefox, and chrome) are executed ).

Note: When the label is abbreviated as "label", the input onclick and label onclick (GTE IE6, Firefox, and chrome) are executed once ).

When the label is fully written, click the label once. The label onclick and input onclick (GTE IE6, Firefox, Chrome) are executed ).

When the label is fully written, click input once and the input onclick (GTE IE6, Firefox, Chrome) will be executed ).