关于HTML Label的"For"属性

Question

考虑以下两行代码(从w3schools.com>"HTML <label> for Attribute"复制):

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

我无法发现上述标签的"for"属性的确切目的.如您所见,它当前设置为"male"(以匹配输入控件的id).

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

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

Answer 1

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

Answer 2

当您单击标签(男性)时,如果您没有使用标签,将检查无线电是不可能的.在开发移动设备等小型设备时,标签也很有用.

因此,它对以下内容很有用:

• 可访问性原因
• 较小的设备,如手机等
• 特别适用于单选按钮和复选框