HTML <label> for eigenschap

HTML <label> tag

Definitie en gebruik

for De property bepaalt welke formulierelementen de label koppelt.

Impliciete en expliciete verbindingen

De markering is meestal verbonden met de formulierknoppen op een van de volgende manieren: de formulierknop als inhoud van de markering, dit is een impliciete vorm, of voor de <label>-tag onder for De property benoemt een doel formulier id, dit is een expliciete vorm.

Bijvoorbeeld, in XHTML:

Expliciete verbinding:

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

Impliciete verbinding:

<label>Geboortedatum:<input type="text" name="DofB" /></label>

De eerste markering verbindt de tekst "Social Security Number:" en de tekstinput-knop van het formulier ("SocSecNum") expliciet, zijn for De waarde van de property is hetzelfde als de id van het knopje, beide zijn SSN. De tweede markering ("Geboortedatum:") is niet nodig for De property vereist geen id-eigenschap voor de gerelateerde knoppen, ze zijn impliciet verbonden door de <label>-tag met de <input>-tag.

Voorbeeld

Drie radio buttons met labels:

<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="Submit">
</form>

Try it yourself

Syntax

<label for="element_id">

Attribute value

Value Description
element_id The id of the element bound to the tag.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML <label> tag