HTML <label> for Attribut

HTML <label> Tag

Definition und Verwendung

for Das Attribut legt fest, an welchem Formularelement die Beschriftung gebunden ist.

Implizite und explizite Verbindung

Der Marker ist in der Regel auf eine der folgenden beiden Arten mit dem Formularsteuerelement verbunden: Der Formularsteuerelement ist als Inhalt des Markup-Tags, was eine implizite Form ist, oder das <label>-Tag unter for Das Attribut benennt einen Ziel-Formular-ID, was eine explizite Form ist.

Zum Beispiel in XHTML:

Explizite Verbindung:

<label for="SSN">Personalausweisnummer:</label>
<input type="text" name="IdNum" id="IN" />

Implizite Verbindung:

<label>Tag der Geburt:<input type="text" name="DofB" /></label>

Der erste Marker verbindet den Text "Social Security Number:" und den Texteingabesteuerelement des Formulars ("SocSecNum") explizit, sein for Der Wert des Attributs ist gleich dem id des Steuerelements, beide sind SSN. Der zweite Marker ("Datum der Geburt:") ist nicht erforderlich for Das Attribut sowie die zugehörigen Steuerelemente benötigen ebenfalls keine id-Attribut, sie sind durch das Einfügen des <input>-Tags in das <label>-Tag implizit miteinander verbunden.

Beispiel

Drei mit Beschriftungen versehene Auswahlkästchen:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="提交">
</form>

Versuchen Sie es selbst

Syntax

<label for="element_id">

Attributwert

Wert Beschreibung
element_id ID des Elements, dem das Tag zugeordnet ist.

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML <label> Tag