HTML表单中label的for属性是否可与input元素的name属性绑定

• 根据HTML官方规范，label标签的for属性仅支持匹配对应表单元素的id属性，和name属性没有关联逻辑，强行绑定不会生效。
• name和id的设计定位本身就不一样：
  • name是表单提交时的字段标识，支持重复，比如同组单选框的name必须一致才能实现互斥
  • id是HTML文档内的唯一标识，刚好满足label精准定位单个元素的需求
• 实际测试也能验证：如果for属性和name属性值匹配、和id不匹配，点击label不会触发对应input的聚焦、选中效果。

正确示例：

<label for="age">年龄</label>
<input type="number" id="age" name="user_age">

上面的写法里，点击「年龄」文字就会自动聚焦到输入框，for匹配的是id="age"，和name="user_age"无关。

内容的提问来源于stack exchange，提问作者Heisenberg