HTML <label> for-egenskap

HTML <label> etikett

Definition och användning

för Egenskapen specificerar vilken formulärelement som etiketten bindes till.

Implicit och explicit koppling

Etiketter kopplas vanligtvis till formulärkontroller på ett av följande sätt: som innehåll i etiketttaggen, vilket är ett implicit sätt, eller för <label>-etiketter under för Egenskapen anger ett målformulärs id, vilket är ett explicit sätt.

Till exempel i XHTML:

Explicit koppling:

<label for="SSN">ID-nummer：</label>
<input type="text" name="IdNum" id="IN" />

Implicit koppling:

<label>Birthdate：<input type="text" name="DofB" /></label>

Den första etiketten kopplar explicit texten "Social Security Number:" och formularens sociala säkerhetsnummerstextkontroll ("SocSecNum"), dess för Egenskapens värde och kontrollernas id är båda SSN. Den andra etiketten ("Datum för födelse:") behövs inte för Egenskapen och dess relaterade kontroller behöver inte ha id-egenskap, de är implicit kopplade genom att placera <input>-etiketter i <label>-etiketter.

Exempel

Tre med etiketterade alternativknappar:

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

Prova själv

Syntax

<label for="element_id">

Egenskapsvärde

Värde Beskrivning
element_id ID för elementet som är bundet till etiketten.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <label> etikett