<label>标签for属性的使用

<label>标签for属性的使用

定义和用法

for 属性规定 label 与哪个表单元素绑定。

隐式和显式的联系

标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。

例：

显式的联系 ：显式形式将文本 " 男" 和它前面的radio联系起来，它的 for 属性的值和控件的 id 一样，都是male。

<p>请选择你的性别：<br/>
<input type="radio" name="sex" id="male" value="male"><label for="male">男</label><br>
<input type="radio" name="sex" id="female" value="female"><label for="female">女</label></p>

隐式的联系：不需要 for 属性，它的相关控件也不需要 id 属性，它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。

隐式的联系：
<p>请选择你的性别：<br/>
<label><input type="radio" name="sex" value="male">男</label><br>
<label><input type="radio" name="sex" value="female">女</label>
</p>