Forms 引导形式混淆

我不太理解以下内容：

“for=inputEmail”中的“for”指的是什么

“id”中的“inputEmail”是引导特定的名称还是我可以将其更改为我想要的任何名称？有点像更改类或id？同样的事情

谢谢大家

<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>

电子邮件

指的是

输入电子邮件的文本输入id

。它让浏览器知道标签的输入目的

如果你点击这个标签，你的注意力就会放在文本输入上

此外，是的，该id完全由您决定，只需确保标签中的

for

与输入中的

id

匹配即可

label for

将标签与输入相关联，以便单击标签聚焦输入，屏幕阅读器可以正确读取内容

id

由您控制；这不是一个特殊的引导名称。请注意，的

标签和
输入id
必须匹配，因此，如果更改其中一个，则还应更改另一个

---

标签可以通过使用

for

属性绑定到元素。如果标签中的

for

属性与输入中的

id

属性匹配，我认为这不会有问题。

正如@RichieHindle所提到的问题（单击标签将焦点放在相应的输入上）是因为使用了“for”和“id”与标签和相应输入字段的连接。在看到他的答案后，我解决了页面中的问题。谢谢