HTML
Elemento etichetta

Sintassi

• <label>Example <input type="radio" name="r"></label> // Disposizione di un elemento di controllo
• <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Utilizzo for attributo

Parametri

Uso di base

Forma semplice con etichette ...

<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>

A proposito di etichetta

L'elemento <label> viene utilizzato per fare riferimento a un elemento di azione modulo.
Nell'ambito dell'interfaccia utente è usato per facilitare il target / selezione di elementi come Type radio o checkbox .

<label> come wrapper

Può racchiudere l'elemento d'azione desiderato

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

(Cliccando sul testo l' input destinazione cambierà stato / valore)

<label> come riferimento

Usando l'attributo for non è necessario posizionare l'elemento di controllo come discendente label , ma il valore for deve corrispondere al suo ID

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

Nota
Non utilizzare più di un elemento di controllo all'interno di un elemento <label>