Warum hat dieses Label for = "power" deklariert? Was tut es?Was macht for = "power" in dieser Situation?
<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>
Es gibt an, welchem Eingang das Etikett entspricht und damit verbunden ist (was für Styling und Semantik von Bedeutung ist). Das select-Element hat eine ID von "power", also weiß der Browser beim Anzeigen dieses Formulars, dass "Hero Power" ein Label dafür ist.
Danke, wann ist das speziell nützlich? –
Wenn ein Benutzer auf das Label klickt, springt der Cursor zum entsprechenden Eingabefeld. Es ist auch nützlich, um Bildschirmlesern/Eingabehilfen zu helfen, ihre Aufgaben korrekt auszuführen – Clayton
Es ist nur eine Deklarationssyntax für HTML.
Grundsätzlich geben Sie hiermit an, dass das Label mit dem Formularsteuerelement mit Id = 'power' verknüpft ist.
So zum Zeitpunkt der Erstellung von DOM das Label ist HTML-Element mit ID = "Macht" zugeordnet.
Hoffe, das hilft.
Das ist reines HTML und nicht verwandt mit Angular –