Question

考虑以下两行代码（从w3schools.com复制＆gt;“HTML＆lt; label＆gt; for Attribute”）：

  <label for="male">Male </label>
  <input type="radio" name="sex" id="male" />

我无法发现上述标签的“for”属性的确切目的。如您所见，它当前设置为“male”（以匹配输入控件的id）。

到目前为止，我所读到的只是上面的代码将'关联'和'绑定'标签与输入控件。所以我的问题是，这究竟是什么意思？

将标签与输入控件相关联的结果究竟是什么？
标签和/或输入是否因为这种“关联”而具有新的行为？

Answer 1

通过label与控件关联的for将是可点击的。单击它选择控件。非常适用于收音机/复选框。它还对视障人士的屏幕阅读器具有可访问性含义。

Answer 2

当您点击标签（男性）时，如果您没有使用标签，则会检查无法收听的内容。在开发移动设备等小型设备时，标签也很有用。

因此，它对以下内容很有用：

Answer 3

我认为将标签链接到表单元素允许您为label分配一个访问键，这将把焦点带到与之关联的表单元素。

正如其他人所说，它还允许您点击label并将焦点带到表单元素。

for属性让你将label和元素置于html的语义不同区域，并保持关联。（像两个表，或两个不同的div）。如果您将两者放在一起，就像在示例中一样，将表单元素包含在标签中并放弃for属性

也是正确的。

Answer 4

是的，我认为在网页上填写表单时，它可以作为表单控件或检查机制，尤其是带有单选按钮或复选框的表单。通过单击标签，它将用户直接指向表单上应输入正确信息的区域。例如，“文本”。或者，在用户必须从某些选项中选择的情况下，例如真或假，或男性或女性。