Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Impara Etichettatura Dei Campi Modulo | Tabelle e Moduli
Fondamenti di HTML

bookEtichettatura Dei Campi Modulo

Le etichette (<label>) sono fondamentali per collegare i testi descrittivi agli elementi di input dei moduli, migliorando l'accessibilità e la facilità d'uso. È essenziale che l'attributo for del tag <label> corrisponda all'attributo id dell'elemento input associato.
Esempio:

<label for="username">Username:</label>
<input type="text" id="username" />

Nell'esempio sopra:

  • Facendo clic sull'etichetta Username:, il campo di input corrispondente verrà automaticamente selezionato;
  • L'elemento label e l'elemento input sono collegati tramite gli attributi for e id, rispettivamente;
  • Entrambi gli attributi for e id hanno lo stesso valore (username).

Rendere la compilazione del modulo più semplice aggiungendo etichette agli input dell'esempio precedente.

index.html

index.html

copy

1. Quale attributo del tag <label> viene utilizzato per associarlo a uno specifico elemento <input> in un modulo?

2. Quale attributo manca nell'elemento input che deve essere associato all'elemento label?

question mark

Quale attributo del tag <label> viene utilizzato per associarlo a uno specifico elemento <input> in un modulo?

Select the correct answer

question mark

Quale attributo manca nell'elemento input che deve essere associato all'elemento label?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookEtichettatura Dei Campi Modulo

Scorri per mostrare il menu

Le etichette (<label>) sono fondamentali per collegare i testi descrittivi agli elementi di input dei moduli, migliorando l'accessibilità e la facilità d'uso. È essenziale che l'attributo for del tag <label> corrisponda all'attributo id dell'elemento input associato.
Esempio:

<label for="username">Username:</label>
<input type="text" id="username" />

Nell'esempio sopra:

  • Facendo clic sull'etichetta Username:, il campo di input corrispondente verrà automaticamente selezionato;
  • L'elemento label e l'elemento input sono collegati tramite gli attributi for e id, rispettivamente;
  • Entrambi gli attributi for e id hanno lo stesso valore (username).

Rendere la compilazione del modulo più semplice aggiungendo etichette agli input dell'esempio precedente.

index.html

index.html

copy

1. Quale attributo del tag <label> viene utilizzato per associarlo a uno specifico elemento <input> in un modulo?

2. Quale attributo manca nell'elemento input che deve essere associato all'elemento label?

question mark

Quale attributo del tag <label> viene utilizzato per associarlo a uno specifico elemento <input> in un modulo?

Select the correct answer

question mark

Quale attributo manca nell'elemento input che deve essere associato all'elemento label?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6
some-alt