首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如果目标输入嵌套在标签中,HTML标签中是否需要"for“属性?

如果目标输入嵌套在标签中,HTML标签中是否需要"for“属性?
EN

Stack Overflow用户
提问于 2012-01-04 20:21:03
回答 3查看 7.3K关注 0票数 35

我注意到,当您将input元素放入label元素时,HTML label标记不需要'for‘属性:

代码语言:javascript
复制
<label><input type="text">Last name</label>

但我想知道最好的做法是什么。有人能帮我吗?

谢谢!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-04 20:24:15

它用于屏幕阅读器等类似的辅助功能。

use_the_label_element_to_make_your_html_forms_accessible

所以你应该使用它。这里有一个link,让你相信易用性的重要性。

这里有一个小故事-让你的网站可访问可以让所有用户受益-我一直对公民当局为轮椅可访问性所付出的努力感到惊讶,直到我有了一个女儿并使用了推椅。我认为网站遵循同样的规则--每个人都从中受益。

为争议性道歉

票数 24
EN

Stack Overflow用户

发布于 2012-01-04 20:32:00

for属性与文本输入没有太大区别,但对于复选框输入非常有用,因为它允许用户单击标签以及复选框本身:

代码语言:javascript
复制
<label for="chk">Checkbox</label><input type="checkbox" id="chk" />
票数 7
EN

Stack Overflow用户

发布于 2012-01-04 20:27:49

您可以将input包含在您的label中,并且它与label相关联,或者,如果由于某种原因,您必须将label元素放在DOM中的其他地方,您可以使用for属性指定它的含义。无论哪种方式,使用for属性都不会有什么坏处:)

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8726788

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档