Abel选项卡说明label选项卡定义了input元素的标记(标记)，对用户没有特殊效果。 与span选项卡类似。 但是，label和span标签的最大区别在于，它可以改善鼠标用户体验并关联特定的表单控件。
将label标记与特定表单控件相关联后，当用户在label元素中单击文本时，将触发相关联的表单控件。 这意味着，当用户选择label标记时，浏览器将自动聚焦与label标记相关的表单控件。
主要使用场景的label标签常用于与checkbox或radio关联，以便您也可以选择/取消单击的文本checkbox或radio。 如下图所示，点击文字与点击上一个选区的效果相同。 这意味着控件的可单击区域更大。 这对于复选框和选区特别有用，因为单击标签和控件可以激活控件。
label标记与特定表单元素的关联label标记的关联主要有两种：显示关联和隐式关联。
方法1 :显式关联显式关联通过label标记的for属性与另一个窗体控件显式关联。 请注意，for属性的值必须是与label标签位于同一文档中的标记表单元素的id。 请注意，它是id而不是name。 例如：
兴趣： input type=' checkbox ' name=' basket ' id=' basketball ' label for=' basketball '篮球/label input type=' chetball
隐式关联隐式关联是将窗体控件直接放置在label标记中。 在这种情况下，label标记只能包含一个表单元素，而包含多个表单元素仅在开始时有效。 如下所示。
label点击我可以在文本框中获得焦点input type=' text ' name=' the input ' id=' the input '/label效果图如下，点击文字即可获得文本
显示关联和隐式关联的优缺点。 显式关联的优点：
可以减少标签的嵌套级别。标签标签和表单可以在不同的位置显示相关缺点。
控件必须定义id属性label标记和表单控件，这不利于从整体上控制隐式关联的优点。
控件不需要定义id标记和控件，而是便于作为整体控件隐式相关的缺点
如果增加标记的嵌套级别，则标记和关联控件不能位于不同的位置。 这是个人的看法，可以根据需要选择显示还是隐式显示。
label标签受label标签浏览器支持，所有主要浏览器也支持可关联的表单元素。 Safari 2和更早版本不支持标签标签。
可以使用显示关系的表单元素如下：
当单击选项卡时，input type='text '文本框将焦点集中在相关文本框上。 单击选项卡时，input type='checkbox '复选框将选中或清除该复选框。 在input type='radio '一个选择框中，单击选项卡时选择一个选择框。 上传input type='file '文件，单击选项卡打开文件选择对话框。 点击input type='password '密码框、标签，密码框将成为焦点。 单击textarea文本字段，标记时获得文本字段的焦点。 单击“select”下拉框、“tab”可将焦点移至下拉框，但不展开下拉框选项。 label标记的form属性form属性指定label标记元素所属的表单。 标签标记位于myform表单之外，但属于myform表单，如下所示： 如下所示。
formaction=' http://song Guoliang.com/test.html ' id=' my form ' input type=' radio ' name=' sex ' id=' male ' valut ' 单击“男性”也可以选择第一个复选框
注：
此表单属性已于2016年4月28日从HTML规范中删除。 但是，脚本可以访问只读HTMLLabelElement.form属性。 如果标签的相关控件是成员格式，或者空标签不与控件相关联，或者控件不是表单的一部分，则返回。