HTML
Element etykiety

Składnia

• <label>Example <input type="radio" name="r"></label> // Zawijanie elementu sterującego
• <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Korzystanie for atrybutu

Parametry

Podstawowe użycie

Prosta forma z etykietami ...

<form action="/login" method="POST">
    
    <label for="username">Username:</label>
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<form id="my-form" action="/login" method="POST">
    
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<label for="username" form="my-form">Username:</label>

O etykiecie

Element <label> służy do odwoływania się do elementu akcji formularza.
W zakresie interfejsu użytkownika służy do ułatwienia celowania / wyboru elementów, takich jak radio typu lub checkbox .

<label> jako opakowanie

Może zawierać pożądany element akcji

<label>
    <input type="checkbox" name="Cats">
    I like Cats!
</label>

(Kliknięcie na tekście cel input przełącza go w stan / wartość)

<label> jako odniesienie

Używając atrybutu for , nie musisz umieszczać elementu sterującego jako elementu potomnego label - ale wartość for musi być zgodna z jego identyfikatorem

<input id="cats" type="checkbox" name="Cats">
<label for="cats" >I like Cats!</label>

Uwaga
Nie używaj więcej niż jednego elementu sterującego w elemencie <label>