Question

为什么表格标签的“for”属性是必要的？我从未使用过它们

Answer 1

主要优点是单击带有“for”属性的标签将自动对焦于该表单元素。因此，输入字段的标签将与该输入字段相关联，单击标签将自动对焦输入。

Answer 2

@ ChristopherArmstrong的答案在技术上是正确的 - 但这是一件好事的原因是那些指点不正确的人（老年用户，残疾人等）得到了帮助。它允许他们将光标“左右”并仍然位于正确的区域。

Answer 3

当与单选按钮一起使用时，它会让标签上的单击选择单选按钮：

请注意，单击ONE不会执行任何操作，因为它没有使用for属性，但单击TWO会选择该单选按钮。

Answer 4

它会将标签与表单字段相关联。这对于单选按钮特别有用，这样您可以单击标签来选择按钮，而不仅仅是小按钮本身。

但是，您不需要使用for属性，也可以将单选按钮放在标签内：

<label>
  <input type="radio" name="selection" value="yes" />
  Certainly
</label>

我通常在文本周围放置一个span标签，以便可以使用CSS轻松设置样式。