HTML <label> atrybut for
Definicja i użycie
for
Atrybut określa, do którego elementu formularza jest przypisana etykieta.
Tajne i jawne powiązanie
Znaczniki zazwyczaj są związane z elementami formularza w jednej z dwóch sposobów: jako zawartość znacznika, co jest formą tajną, lub dla <label> pod znacznikiem for
Atrybut określa docelową wartość id formularza, co jest formą jawną.
Na przykład, w XHTML:
Jasne powiązanie:
<label for="SSN">Numer identyfikacyjny:</label> <input type="text" name="IdNum" id="IN" />
Tajne powiązanie:
<label>data urodzenia:<input type="text" name="DofB" /></label>
Pierwszy znacznik łączy tekst "Numer ubezpieczenia społecznościowego:" i pole tekstowe formularza numeru ubezpieczenia społecznościowego ("SocSecNum"), jego for
Wartość atrybutu i identyfikator kontrolki to SSN. Drugi znacznik ("Data urodzenia:") nie jest wymagany for
Atrybut, jego powiązane kontrolki nie wymagają atrybutu id, są one związane z pomocą umieszczenia etykiety <input> w etykiecie <label>.
Przykład
Trzy przyciski radiowe z etykietami:
<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="Zatwierdź"> </form>
Gramatyka
<label for="element_id">
Wartość atrybutu
Wartość | Opis |
---|---|
element_id | Identyfikator elementu przypisany do tagu. |
Obsługa przeglądarek
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Wsparcie | Wsparcie | Wsparcie | Wsparcie | Wsparcie |