44

可能重复:
HTML 标记中的 For 属性是什么?

我一直在试图找出这一点。在 HTML 中使用标签时使用“for=”的原因是什么?

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

如果需要,那么 HTML 5 中是否有一些等价物或者是一样的?

4

3 回答 3

63

它使标签上的点击成为输入元素的焦点for

在您发布的示例中,您只需单击单词Male 单选按钮即可将其选中。没有这个,你点击的目标要小得多......

如果需要,那么 HTML 5 中是否有一些等价物或者是一样的?

这不是必需的,但对于具有要关注的直接表单元素的标签来说是一种很好的做法(对于在表单上没有对应元素的标签没有多大意义)。

HTML 5 的语法相同。

于 2012-05-30T09:35:23.643 回答
11

For 将 the<label><input>字段绑定在一起。应该for指向id. <input>它实际上不是必需的,但它很有用,例如在单选按钮上,用户可以单击标签来检查单选按钮,从而创建更大的点击区域和更好的用户体验。

for在 HTML5 中的使用方式与在 HTML4 或 XHTML 或您之前使用的任何方式中使用的方式相同。

于 2012-05-30T09:35:06.890 回答
8

如果您使用for标签的属性,并将其值设置id为相关input元素的值,则大多数浏览器会在单击标签时聚焦输入元素。这对于复选框和单选按钮等小元素特别有用。

于 2012-05-30T09:36:42.040 回答