List e datalist: valori predefiniti per i form
Vediamo come utilizzare l'attributo List e il tag Datalist. Codice ed esempio.
Spesso si ha l’esigenza di permettere solo alcuni valori predefiniti, in questo caso è molto utile l’attributo list associato al tag datalist che permette di creare un elenco di possibili voci accettare dal campo.
Esempio:
<form action="invia_mail.php">Indirizzo web: <input type="url" list="url_list" name="link" /><datalist id="url_list"><option label="W3Schools" value="http://www.w3schools.com" /><option label="Google" value="http://www.google.com" /><option label="Microsoft" value="http://www.microsoft.com" /></datalist><input type="submit" /></form>
- Articolo precedente Il tag input: inserire e validare numeri di telefono, email, date e url
- Articolo successivo Pattern: validare i campi di un modulo con le regular expression