HTML <label> Tag
Voorbeeld
Drie radioknoppies met etikette:
<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>
Definisie en gebruik
Die <label>
merker definieer 'n etiket vir verskeie elemente:
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="e-pos">
- <input type="file">
- <input type="month">
- <input type="number">
- <input type="wagwoord">
- <input type="radio">
- <input type="reeks">
- <input type="search">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
- <meter>
- <vordering>
- <kies>
- <tekstarea>
Behoorlike gebruik van etikette met die elemente hierbo sal baat vind:
- Skermlesergebruikers (sal die etiket hardop lees wanneer die gebruiker op die element gefokus is)
- Gebruikers wat sukkel om op baie klein streke te klik (soos merkblokkies) - want wanneer 'n gebruiker op die teks binne die
<label>
element klik, wissel dit die invoer (dit vergroot die trefarea).
Wenke en notas
Wenk: Die for-kenmerk van <label>
moet gelyk wees aan die id-kenmerk van die verwante element om hulle saam te bind. 'n Etiket kan ook aan 'n element gebind word deur die element binne-in die <label>
element te plaas.
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<label> | Yes | Yes | Yes | Yes | Yes |
Eienskappe
Attribute | Value | Description |
---|---|---|
for | element_id | Specifies the id of the form element the label should be bound to |
form | form_id | Specifies which form the label belongs to |
Globale eienskappe
Die <label>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <label>
merker ondersteun ook die gebeurteniskenmerke in HTML .
Verwante bladsye
HTML DOM verwysing: Label Object
Verstek CSS-instellings
Die meeste blaaiers sal die <label>
element met die volgende verstekwaardes vertoon:
Voorbeeld
label {
cursor: default;
}