Opis

label definiuje etykietę dla elementów:

<input type="..."> dla "color"; "date"; "datetime-local"; "email"; "file"; "month"; "number"; "password"; "radio"; "range"; "search"; "tel"; "text"; "time"; "url"
<meter>, <progress>, <select>, <textarea>

Korzyści ze znacznika <label>: zwiększa obszar trafienia np. w polach wyboru można kliknąć tekst etykiety zamiast małego pola, - pomaga użytkownikom czytników ekranu.

Atrybut tagu <label> powinien być równy atrybutowi id powiązanego elementu, aby je ze sobą połączyć.

Etykieta <label> jest powiązana z danym elementem za pomocą atrybutu „for” lub poprzez umieszczenie tego elementu wewnątrz tagu <label>.

Przykład

Kliknij na tekst zamiast na znacznik opcji:




Kod:
Atrybuty
Atrybut Wartość Opis
for element_id Określa, z którym elementem formularza jest powiązana etykieta <label>
form form_id Określa formularz, do której należy ten element (gdyż np. znajduje się poza danym formularzem a mimo to jest jego częścią). Wartość tego atrybutu (form_id) musi być równa wartości atrybutu id elementu <form> w tym samym dokumencie.

CSS (domyślne ustawienia) 
label {
  cursor: default;
}
Info: