jQuery 表单中标签的 for 属性

Posted 2023-05-09

【中文标题】jQuery 表单中标签的 for 属性

【英文标题】：The for-attribute on labels in jQuery forms

【发布时间】：2014-06-19 02:40:32

【问题描述】：

关于带有标签字段的表单，this (out-dated) jQuery Mobile documentation 声明：

确保通过 for 属性将它们与标签元素正确配对。

for 属性在最新版本中仍然存在，但the current documentation 甚至不再提及它。它是干什么用的？某种形式的验证？

【参考方案1】：

它是标准的 html（不是 jQm 特有的），用于将文本与相应的输入元素链接起来。

MDN Docs for <label>

例子：

<label for="your_name">Your Name:</label>
<input id="your_name" value="John Smith" />

当我点击标签时，输入文本将获得焦点。 for 属性应设置为输入元素的 ID。

【讨论】：

是的，但是如果将输入元素包含在其标签中，则不需要 for 属性。

@kennebec 好点，根据 MDN 文档，这是一个有效的用法，但是我在使用该语法的桌面浏览器上遇到了奇怪的行为（不记得是哪一个）。

所以它的唯一目的是“当[用户点击]标签时，输入的文本将获得焦点。”？没有别的吗？

@Domi 正确，尽管第三方脚本可能会使用该属性来找出代表输入的文本