HTML <label> for egenskab

HTML <label> etiket

Definition og brug

for Egenskaben bestemmer, hvilken formularelement der bindes til mærket.

Implicit og eksplicit forbindelse

Markeringen forbinder typisk på en af følgende to måder med formularkontroller: som indhold af markeringsetiketten, hvilket er implicit, eller for <label>-etiketten under for Egenskaben navngiver et målformular id, hvilket gør det eksplicit.

For eksempel i XHTML:

Eksplicit forbindelse:

<label for="SSN">身份证号码：</label>
<input type="text" name="IdNum" id="IN" />

Implicit forbindelse:

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

Den første markering forbinder teksten "Social Security Number:" og formularens sociale sikkerhedstals tekstinput-kontrol ("SocSecNum") explicit, dens for Egenskabets værdi og kontrolknappens id er begge SSN. Den anden markering ("Date of Birth:") er ikke nødvendig for Egenskaben og de relaterede kontrolknapper behøver ikke id-egenskab, de er implicit forbundet ved at placere <input>-etiketten i <label>-etiketten.

Eksempel

Tre med etiketterede afkrydsningsfelter:

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

Prøv det selv

Syntaks

<label for="element_id">

Egenskabsværdi

Værdi Beskrivelse
element_id Id'et på elementet, der er bundet til etiketten.

Browserunderstøttelse

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

HTML <label> etiket