label的for属性
⼀、使⽤介绍
<label>专为input元素服务,为其定义标记。
for属性规定label与哪个表单元素绑定
label和表单控件绑定⽅式⼜两种:
1、将表单控件作为label的内容,这样就是隐⼠绑定。
此时不需要for属性,绑定的控件也不需要id属性。
隐式绑定:
<label>Date of Birth: <input type="text" name="DofB"/></label>
2、为<label>标签下的for属性命名⼀个⽬标表单的id,这就是显⽰绑定。
显式绑定:
<label for="SSN">Social Security Number:</label>属于input属性
<input type="text" name="SocSecNum" id="SSN"/>
⼆、为什么要给<label>加上for属性
给<label>加了for属性绑定了input控件后,可以提⾼⿏标⽤户的⽤户体验。
如果在label元素内点击⽂本,就会触发此控件。就是说,当⽤户渲染该标签时,浏览器就会⾃动将焦点转到和标签相关的表单控件上。:抱歉!⼜拍云⼜出故障了,现在⽆法上传图⽚。
哎,昨天晚上就不能上传了,所以图⽚就不传了。
:由于⼜拍云再次故障,正在将图⽚上传切换回我们的服务器
效率还挺⾼的。
html5给<label>新增了⼀个form属性来规定label所属的⼀个或多个表单,多个表单⽤空格分隔。还没真正⽤过,⽤到补充。