2012-05-30 40 views
38

可能重复:
What is the For attribute for in an HTML tag?为什么使用“for”关键字绑定HTML中的标签?

我一直试图找到这一点。在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中是否存在一些等价物,或者它是否相同?

+0

似乎这个问题被标记为重复,我无法在这里回答。 你可以看到[我最近的答案在这里](https://stackoverflow.com/a/47489461/7120290) – JavierFuentes

回答

53

它在标签上点击一次,重点是输入元素for

在您发布的示例中,您只需单击单词Male单选按钮以使其被选中。没有这一点,你有一个更小的目标点击...

如果它需要那么有没有一些等值的HTML 5还是一样的吗?

它不是必需的,但对于那些有直接的表单元素集中(它不会做出不具有窗体上的一个对应的标签太大意义)标签很好的做法。

的语法是HTML 5

9

用于将<label><input>字段绑定在一起。 for应该指向<input>id。它并不是真正需要的,但它对于单选按钮很有用,用户可以单击标签来检查单选按钮,从而创建更大的点击区域和更好的用户体验。

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

7

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