HTML form label简写与正常写法的区别

代码演示与下载：http://web-developer-tips.appspot.com/label/

 

html form 中的 label完整写法，用for：

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

简写，不用for：

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

总结：gte IE7、Firefox、Chrome 支持 label 简写，点击文本选中 radio。IE6 不支持 label 简写，点击文本不选中 radio。

特别：label 简写时，点一次 label，会执行 label onclick、input onclick、label onclick（gte IE7、Firefox、Chrome）。

特别：label 简写时，点一次 input，会执行 input onclick、label onclick（gte IE6、Firefox、Chrome）。

label 完整写法时，点一次 label，会执行 label onclick、input onclick（gte IE6、Firefox、Chrome）。

label 完整写法时，点一次 input，会执行 input onclick（gte IE6、Firefox、Chrome）。