引导形式混乱

Question

我不太了解以下内容：

1. “for = inputEmail”中指的是'for'是什么？
2. 'id'中的“inputEmail”是引导程序特定名称还是可以将其更改为我想要的名称？有点像改变班级或身份？同样的事情？

谢谢大家！

<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
   <div class="controls">
  <input type="text" id="inputEmail" placeholder="Email">
 </div>
 </div>

Answer 1

1. label for将标签与输入相关联，以便点击标签会聚焦输入，屏幕阅读器可以正确阅读内容。

2. id由您控制;它不是一个特殊的Bootstrap名称。请注意，label for和input id必须匹配，因此如果您更改了一个，则应更改另一个。

Answer 2

指的是inputEmail的文字输入ID。它让浏览器知道该标签的输入内容。

如果您点击该标签，您的焦点将放在该文字输入上。

另外，是的，该ID完全取决于您，只需确保标签中的for与输入中的id匹配！

Answer 3

可以使用for属性将标签绑定到元素。如果标签中的for属性与输入中的id属性匹配，我认为不会有问题。