2020-11-09

一、使用介绍

1. 定义：for属性规定label与哪个表单元素绑定。

是专门为元素服务的，为其定义标记。

label 和表单控件绑定方式有两种：

方法一：将表单控件作为label的内容，这种就是隐士绑定。

此时不需要for属性，绑定的控件也不需要id属性。

隐式绑定：
Date of Birth:
方法二：为label标签下的for属性命名一个目标表单的id，这种就是显示绑定。

显式绑定：
Social Security Number:

二、为什么要给label上面加上for属性

给 label 加了 for 属性绑定了input控件后，可以提高鼠标用户的用户体检。

如果在label 元素内点击文本，就会触发此控件，也就是说，当用户渲染该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

补充：

label 的 for属性给 select绑定 ，点击Male ，select只会闪下（自己测试的）：