【问题标题】:The for-attribute on labels in jQuery formsjQuery 表单中标签的 for 属性
【发布时间】:2014-06-19 02:40:32
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript jquery html forms jquery-mobile


    【解决方案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 正确,尽管第三方脚本可能会使用该属性来找出代表输入的文本
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-21
    • 2016-03-14
    • 2018-09-20
    • 2013-07-08
    • 2014-06-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多