for 属性规定 label 与哪个表单元素绑定.
隐式和显式的联系
label 通常以下面两种方式中的一种来和表单控件相联系:
将表单控件作为标记标签的内容, 这样的就是隐式形式,
或者为 label 标签下的 for 属性命名一个目标表单 id, 这样就是显式形式.
例如, 在 Xhtml 中:
显式的联系:
- <label for="SSN">
- Social Security Number:
- </label>
- <input type="text" name="SocSecNum" id="SSN" />
隐式的联系:
<label>Date of Birth: <input type="text" name="DofB" /></label>
第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来, 它的 for 属性的值和控件的 id 一样, 都是 SSN.
第二个标记 ("Date of Birth:") 不需要 for 属性, 它的相关控件也不需要 id 属性, 它们是通过在 label 标签中放入 input 标签来隐式地连接起来的.
- <span>
- 状态:
- </span>
- ? ? ? ?
- <div class="checkbox checkbox-success checkbox-inline" style="margin-right: 0px;">
- ? ? ? ? ? ? ? ?
- <input type="checkbox" id="state1" value="1" name="statusName" checked>
- <label for="state1">
- 审核通过
- </label>
- </div>
- <div class="checkbox checkbox-success checkbox-inline" style="margin-right: 0px;">
- <input type="checkbox" id="state2" value="0" name="statusName" checked>
- <label for="state2">
- 待项目审核
- </label>
- </div>
来源: http://www.bubuko.com/infodetail-3282521.html