Dopo aver appreso informazioni sull'elemento di modulo e su come rendere un modulo interattivo, vediamo come aiutare gli utenti a evitare di reinserire i dati.
Sfruttare al meglio la compilazione automatica
La compilazione dei moduli può richiedere molto tempo. Ad esempio, inserire ripetutamente il tuo indirizzo su ogni sito su cui vuoi acquistare qualcosa non è un'esperienza di acquisto ottimale.
La compilazione automatica può aiutarti. Dovrai inserire il tuo indirizzo una sola 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 di avere il vecchio indirizzo come opzione per sempre. Puoi modificare i dati dell'indirizzo 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 che si tratta di un campo indirizzo?
I browser utilizzano metodi di euristica per identificare un campo indirizzo.
Quali sono i valori degli attributi name, type e id?
Nel controllo del modulo è presente un attributo autocomplete?
In base a queste informazioni, i browser possono offrire la possibilità di compilare automaticamente un campo con i dati dello stesso tipo inseriti in precedenza. I browser possono anche offrire la compilazione automatica di 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 di attributo ragionevoli
Come hai appreso, 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">
Hai 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 per il browser che indicano che si tratta di un campo email.
L'attributo di completamento automatico
Esistono altri esempi in cui può essere ancora difficile per i browser identificare il tipo di dati solo dagli attributi name, id e type.
Puoi contribuire utilizzando l'attributo autocomplete.
Hai già inserito un nome nel browser che stai utilizzando? Il browser ti offrirà probabilmente la possibilità di compilarlo di nuovo per questo campo nella demo.
Puoi scoprire di più sull'utilizzo del completamento automatico e della compilazione automatica in un modulo successivo.
Verificare di aver compreso
Metti alla prova le tue conoscenze sulla compilazione automatica
In base a quali attributi viene offerta la compilazione automatica?
name.typeautocomplete