@html.labelfor htmllabel for属性作用_htmllabel标签的for属性有什么作用？

标签的for属性有什么作用？

首先我们看看关于label标签的for属性介绍：

专为input元素服务，为其定义标志。

for属性规定label与哪个表单元素绑定

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

1.将表单控件作为label的内容，这样就是隐士绑定。

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

隐式绑定：

:

在标签中，为for属性指定一个指向目标表单元素的唯一标识符，这种方式被称为显示绑定。

显式绑定：

:

为什么要给加上for属性？

在input控件上添加了for属性之后，可以显著提升鼠标操作者的使用感受。

点击label元素中的文本内容，便会激活相应的控件。换言之，用户对标签进行展示的同时，扫描设备会自动将光标定位至与该标签关联的表单输入项。

还有关于标签的for属性作用：

label标签的for属性所产生的作用在于，当鼠标点击相应元素时，能够触发radio按钮的选中状态，其核心功能主要是这样的。

得益于for=nv的条件限制，并且必须确保input文本框的标识符同样为nv，因此，使用该radio作为对照，将无法产生预期效果。

代码在扫瞄器中显示的效果

tuyi.png

图中是个可以多选的选框。大家都可以用着试验试验。

来看个标签的for属性实例

拥有两个带有标签的单选按钮的表单：

php中文网

html

这个的效果

tuer.png

这个图是个单选按钮，不能多选。