关键字'for'有什么作用？

Question

查看Bootstrap提供的在线代码示例，您将看到类似于表单的内容

<div class = "control-group">
    <label class = "control-label" for = "name">Full Name</label>
    <div class = "controls">
            <input type = "text" id = "name" maxlength = "40">
    </div>
</div>

标签上的'for'字样有什么作用？我注意到如果我将输入id更改为与'for'值不对应的内容，则输出中没有明显的差异。

Answer 1

来自the HTML5 spec：

  

可以指定for属性以指示与标题相关联的表单控件。

请注意，这与Bootstrap完全无关。它是标准的label元素属性。其值应与id元素的input值相对应：

  

如果指定了属性，则属性的值必须是与label元素在同一Document中的可标记元素的ID。

Answer 2

for是一个HTML5属性，用于（逻辑上）连接标签和输入。

Take a look

Answer 3

标签可以通过使用“for”属性绑定到元素，也可以将元素放在元素中。 source