forms - 引导形式混淆

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 名称。注意 thelabel for和 theinput id必须匹配，所以如果你改变一个，你也应该改变另一个。

Answer 2

那是指您的文本输入 id inputEmail。它让浏览器知道该标签用于什么输入。

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

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

Answer 3

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