Dopo aver appreso elemento modulo e come creare un modulo interattivi, vediamo come puoi aiutare gli utenti a evitare di reinserire i dati.
Sfrutta al meglio la compilazione automatica
La compilazione dei moduli può richiedere molto tempo. Ad esempio, reinserire ripetutamente l'indirizzo in ogni sito in cui vuoi acquistare qualcosa non costituisce un'esperienza di acquisto ottimale.
La compilazione automatica può aiutarti in questo caso. Inserisci l'indirizzo una volta. D'ora in poi, il browser ti offrirà la possibilità di compilare automaticamente lo stesso indirizzo per altri moduli.
Ti sei trasferito in un'altra città? Non preoccuparti se il vecchio indirizzo sarà sempre disponibile come opzione. Puoi modificare i dati degli indirizzi salvati dal browser per mantenerli aggiornati.
Come funziona la compilazione automatica nel browser?
Un campo indirizzo può avere un aspetto molto diverso su siti diversi. Come fa un browser a sapere se si tratta di un campo indirizzo?
I browser utilizzano
per identificare un campo di indirizzo.
Quali sono i valori degli attributi name
, type
e id
?
È presente un attributo autocomplete
nel controllo del modulo?
In base a queste informazioni, i browser possono offrire la possibilità di compilare automaticamente un campo con dati dello stesso tipo inseriti in precedenza. I browser possono anche proporre di compilare automaticamente un intero modulo.
Aiutare i browser con la compilazione automatica
Vediamo cosa puoi fare per aiutare i browser a offrire le opzioni di compilazione automatica corrette.
Utilizza valori degli attributi appropriati
Come hai imparato, i browser possono identificare il tipo di dati esaminando gli attributi di un controllo del modulo.
<label for="email">Email</label>
<input type="email" name="email" id="email">
È presente un campo in cui gli utenti devono inserire il proprio indirizzo email?
Utilizza email
come valore per gli attributi name
, id
e type
.
Tre suggerimenti al browser: questo è un campo email.
Attributo di completamento automatico
Esistono altri esempi in cui può ancora essere difficile per i browser identificare il tipo di dati esclusivamente dagli attributi name
, id
e type
.
Puoi aiutare qui utilizzando l'attributo autocomplete
.
Hai già inserito un nome nel browser che stai utilizzando? È probabile che il browser ti offra la possibilità di compilarlo nuovamente per questo campo nella demo.
Puoi scoprire di più sull'uso il completamento automatico e la compilazione automatica in un modulo successivo.
Verifica le tue conoscenze
Verifica le tue conoscenze sulla compilazione automatica
In base a quali attributi viene offerta la compilazione automatica?
type
autocomplete
name
.