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

Suggested prompts:

Can you show me the previous example so I can add the labels?

Which input fields do you want to add labels to?

Do you want any specific text for the labels?

Awesome!

Completion rate improved to 2.86

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