html中的for的作用,前端中关于HTML标签的属性for的理解

First：的说明：

1、标签为input元素定义标注(标识)

2、label元素不会像用户呈现任何特殊的效果，仅作为显示

扩展：不过，它为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签是，浏

览器就会自动将焦点转到和标签相关的表单控件上

前提：label标签的for属性值应当与相关元素的id属性值相同Second：属性的详细说明：

3、for属性

规定与那个表单元素绑定

作用是：在点击label是会自动将焦点移动到绑定的元素上

例如：

boy

girl

用户名：

说明：特别是使用CheckBox，如果没绑定的话需要鼠标点击小方框，才可以选中或不选，绑定以后label就可以改变CheckBox的值，radio的值，以及让焦点聚集到文本输入框中

4、form属性(HTML5新增)

规定label字段所属一个或多个表单(位于表单之外的标签)

form的属性值必须是其所属表单的id值

如使用一个以上的引用，请使用空格分隔的列表