HTML <label> attributo for

Tag HTML <label>

Definizione e uso

for L'attributo definisce a quale elemento del modulo è associato l'etichetta.

Collegamento implicito e esplicito

L'etichetta si collega al controllo del modulo in uno dei due modi seguenti: come contenuto del tag di etichetta, che è un collegamento implicito, o per il tag <label> sotto for L'attributo nomina un id di modulo target, quindi è un collegamento esplicito.

Ad esempio, in XHTML:

Collegamento esplicito:

<label for="SSN">Numero di identità：</label>
<input type="text" name="IdNum" id="IN" />

Collegamento implicito:

<label>Compleanno：<input type="text" name="DofB" /></label>

Il primo etichetta collega esplicitamente il testo "Numero di Sicurezza Sociale:" e il controllo di input del numero di sicurezza sociale del modulo ("SocSecNum"), il quale for Il valore dell'attributo e l'id del controllo sono entrambi SSN. Il secondo etichetta ("Data di Nascita:") non è necessario for L'attributo non richiede controlli correlati con l'attributo id, poiché sono implicitamente collegati tramite l'inserimento del tag <input> all'interno del tag <label>.

Esempio

Tre pulsanti a scelta singola con etichette:

<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="Invia">
</form>

Prova personalmente

Sintassi

<label for="element_id">

Valore dell'attributo

Valore Descrizione
element_id ID dell'elemento associato al tag.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Tag HTML <label>