label标签的for属性无法实现的出现及解决方案

label标签

• 一般情况下，label是没有任何特殊效果的，仅作为显示。
• label标签的for属性值应当与相关元素的id属性值相同
• 点击该label时，会自动将焦点转到和标签相关的控件上。

将一个 <label> 和一个 <input> 元素相关联

可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素一样。这扩大了元素的可点击区域，

但是在实际代码编写中会出现for属性标红的情况，如图示：

 而且也无法实现点击文字“用户名”跳转到输入框

 光标移动，会有提示“无效的id引用”

 解决方法：

在input标签添加对应id属性：

 即可实现跳转