【问题标题】:why do I need to bind checkbox with a label?为什么我需要将复选框与标签绑定?
【发布时间】:2013-06-02 21:22:34
【问题描述】:

我有一个简短的问题。为什么我们总是将复选框 id 绑定到标签中的 for 属性?它有什么目的吗?如果是这样,你能列出来吗?还有它的技术优势。

提前致谢, 马杜。

【问题讨论】:

    标签: css checkbox label for-attribute


    【解决方案1】:

    您不必总是将复选框(或任何输入)ID 绑定到标签。它的作用是允许您单击标签以触发单击复选框(或输入)。如果标签元素包装 <input> 而不需要 id/for:

    ,这也有效
    <label for="checkbox">Click checkbox</label> <input id="checkbox" type=checkbox>
    <label>Click checkbox <input type=checkbox></label>
    

    【讨论】:

    • 根据可访问性指南,您始终必须提供可通过编程确定的标签。但是将input 元素包装在label 中就足够了。只是有点不自然。
    • @JukkaK.Korpela 为什么不自然?
    • 输入控件在逻辑上不是其标签的一部分。
    • ExplosionPills 和 Jukka:非常感谢您的回复。这些是我想要的答案:)
    【解决方案2】:

    是的,它确实有目的。基本上它允许你“点击”它,它也可以用于屏幕阅读器。

    回答:Regarding the HTML Label's "For" Property

    【讨论】:

      猜你喜欢
      • 2014-09-15
      • 1970-01-01
      • 1970-01-01
      • 2018-01-23
      • 2019-04-18
      • 2014-06-20
      • 1970-01-01
      • 2023-03-13
      • 2013-08-30
      相关资源
      最近更新 更多