Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Utilizzo dell'Elemento Datalist per Suggerimenti di Input Predefiniti | Moduli HTML e Input Utente
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookUtilizzo dell'Elemento Datalist per Suggerimenti di Input Predefiniti

L'elemento <datalist> in HTML viene utilizzato per creare un elenco predefinito di opzioni per un elemento <input>. Consente all'utente di selezionare un'opzione dall'elenco, offrendo comunque la possibilità di inserire un valore personalizzato. L'elenco dei valori predefiniti rimane nascosto fino a quando l'utente non inizia a digitare nel campo di testo associato. Il <datalist> viene associato a un attributo id, e l'elemento <input> viene collegato tramite l'attributo list.

index.html

index.html

copy

L'elemento <datalist> è utile quando si desidera fornire suggerimenti utili senza limitare gli utenti a un insieme fisso di scelte.

Esempio

Quando l'utente digita nel campo, il browser mostra le categorie predefinite. Se nessuna corrisponde, l'utente può comunque inserire un valore personalizzato.

index.html

index.html

copy
  • <label for="category">: descrive lo scopo del campo di input;
  • <input type="text" name="category" id="category" list="categories"/>: un campo di testo che visualizza suggerimenti da una datalist collegata;
  • <datalist id="categories">: contiene opzioni predefinite che appaiono come suggerimenti durante la digitazione;
  • <option value="...">: rappresenta ciascun elemento suggerito.

1. Quale elemento HTML viene utilizzato per creare un elenco a discesa con più opzioni?

2. Qual è lo scopo dell'elemento datalist?

3. Quale attributo viene utilizzato per collegare un elemento datalist a un elemento input?

question mark

Quale elemento HTML viene utilizzato per creare un elenco a discesa con più opzioni?

Select the correct answer

question mark

Qual è lo scopo dell'elemento datalist?

Select the correct answer

question mark

Quale attributo viene utilizzato per collegare un elemento datalist a un elemento input?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 9

Chieda ad AI

expand

Chieda ad AI

ChatGPT

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

bookUtilizzo dell'Elemento Datalist per Suggerimenti di Input Predefiniti

Scorri per mostrare il menu

L'elemento <datalist> in HTML viene utilizzato per creare un elenco predefinito di opzioni per un elemento <input>. Consente all'utente di selezionare un'opzione dall'elenco, offrendo comunque la possibilità di inserire un valore personalizzato. L'elenco dei valori predefiniti rimane nascosto fino a quando l'utente non inizia a digitare nel campo di testo associato. Il <datalist> viene associato a un attributo id, e l'elemento <input> viene collegato tramite l'attributo list.

index.html

index.html

copy

L'elemento <datalist> è utile quando si desidera fornire suggerimenti utili senza limitare gli utenti a un insieme fisso di scelte.

Esempio

Quando l'utente digita nel campo, il browser mostra le categorie predefinite. Se nessuna corrisponde, l'utente può comunque inserire un valore personalizzato.

index.html

index.html

copy
  • <label for="category">: descrive lo scopo del campo di input;
  • <input type="text" name="category" id="category" list="categories"/>: un campo di testo che visualizza suggerimenti da una datalist collegata;
  • <datalist id="categories">: contiene opzioni predefinite che appaiono come suggerimenti durante la digitazione;
  • <option value="...">: rappresenta ciascun elemento suggerito.

1. Quale elemento HTML viene utilizzato per creare un elenco a discesa con più opzioni?

2. Qual è lo scopo dell'elemento datalist?

3. Quale attributo viene utilizzato per collegare un elemento datalist a un elemento input?

question mark

Quale elemento HTML viene utilizzato per creare un elenco a discesa con più opzioni?

Select the correct answer

question mark

Qual è lo scopo dell'elemento datalist?

Select the correct answer

question mark

Quale attributo viene utilizzato per collegare un elemento datalist a un elemento input?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 9
some-alt