在这种情况下 for="power" 会做什么？ [复制]答案

【问题标题】：what does for="power" do in this situation? [duplicate]在这种情况下 for="power" 会做什么？ [复制]
【发布时间】：2016-08-11 20:47:44
【问题描述】：

为什么这个标签声明了for="power"？它有什么作用？

<div class="form-group">
<label for="power">Hero Power</label>
<select class="form-control" id="power" required>
<option *ngFor="let p of powers" [value]="p">{{p}}</option>
</select>
</div>

【问题讨论】：

那是纯 HTML，与 Angular 无关

标签： angular

【解决方案1】：

它指定标签对应的输入并因此绑定（这对于样式和语义很重要）。选择元素的 id 为“power”，因此当显示此表单时，浏览器知道“Hero Power”是它的标签。

【讨论】：

谢谢，什么时候特别有用？
如果用户点击标签，光标会跳转到相应的输入字段。它还有助于帮助屏幕阅读器/辅助功能选项正确完成工作

【解决方案2】：

它只是 HTML 的声明语法。

基本上，通过这样做，您可以指定标签与具有 Id='power' 的表单控件进行映射。

所以在创建 DOM 时，标签会映射到 id='power' 的 HTML 元素。

希望这会有所帮助。

【讨论】：