关于HTML标签的"For“属性
关于HTML标签的"For“属性
提问于 2010-06-30 00:53:10
考虑以下两行代码(复制自w3schools.com > "HTML < label > for Attribute")：
<label for="male">Male </label>
<input type="radio" name="sex" id="male" />我在发现上面标签的"for“属性的确切用途时遇到了麻烦。正如您所看到的，它当前被设置为"male“(以匹配输入控件的id )。
到目前为止，我读到的所有内容都是上面的代码将标签与输入控件“关联”和“绑定”。所以我的问题是，这到底是什么意思？
将标签关联到输入控件的结果到底是什么？
标签和/或输入是否会因为这种“关联”而有新的行为？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-06-30 00:54:28
通过for与控件关联的label将是可单击的。单击它将选择该控件。特别是在单选/复选框中非常有用。它还对视障人士的屏幕阅读器具有可访问性。
Stack Overflow用户
发布于 2010-06-30 00:56:23
我认为将标签链接到表单元素允许您为label分配一个访问键，这将把焦点带到与之关联的表单元素上。
正如其他人所提到的，它还允许您单击表单并将焦点带到label元素。
for属性允许您将label和元素放在html的语义不同区域，并保持关联。(比如两个表，或者两个不同的div)。如果像示例中那样将它们放在一起，那么将表单元素包含在标签中并放弃for属性也是正确的
Stack Overflow用户
发布于 2013-09-15 10:44:33
是的，我相信它在网页上填写表单时，尤其是那些带有单选按钮或复选框的表单时，它可以作为表单控件或检查机制。通过单击标签，它会将用户直接指向表单上应键入正确信息的区域。例如，“text”。或者，在用户必须从一些选项中进行选择的情况下，例如真或假，或者男或女。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3142884
复制相关文章
相似问题
腾讯云开发者
