一、使用介绍
<label>专为input元素服务,为其定义标记。
for属性规定label与哪个表单元素绑定
label和表单控件绑定方式又两种:
1、将表单控件作为label的内容,这样就是隐士绑定。
此时不需要for属性,绑定的控件也不需要id属性。
1 2 |
隐式绑定:
< label >Date of Birth: < input type="text" name="DofB" /></ label >
|
2、为<label>标签下的for属性命名一个目标表单的id,这就是显示绑定。
1 2 3 |
显式绑定:
< label for="SSN">Social Security Number:</ label >
< input type="text" name="SocSecNum" id="SSN" />
|
二、为什么要给<label>加上for属性
给<label>加了for属性绑定了input控件后,可以提高鼠标用户的用户体验。
如果在label元素内点击文本,就会触发此控件。就是说,当用户渲染该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
html5给<label>新增了一个form属性来规定label所属的一个或多个表单,多个表单用空格分隔。还没真正用过,用到补充。
via:http://www.cnblogs.com/starof/p/4545525.html