Utilizzo 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
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
<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?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Fantastico!
Completion tasso migliorato a 2.38
Utilizzo 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
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
<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?
Grazie per i tuoi commenti!