为什么使用"for"关键字绑定HTML中的标签？

Question

可能重复:
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中是否存在一些等价物或它是否相同？

Answer 1

它点击标签上的焦点就是输入元素for.

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

如果需要,那么在HTML 5中是否存在一些等价物或它是否相同？

这不是必需的,但对于具有直接表单元素的标签来说,这是一个很好的做法(对于没有表单上的副本的标签,这没有多大意义).

HTML 5的语法相同.

Answer 2

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

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

Answer 3

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