Dopo aver imparato a conoscere l'elemento del modulo e a come rendere un modulo interattivo, 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 su ogni sito in cui vuoi acquistare qualcosa non è un'esperienza di acquisto ottimale.
La compilazione automatica può aiutarti in questa fase. Inserisci l'indirizzo una sola volta. D'ora in poi, il browser ti offrirà la possibilità di inserire automaticamente lo stesso indirizzo per gli altri moduli.
Ti sei trasferito in un'altra città? Non preoccuparti di recuperare il vecchio indirizzo come opzione per sempre. 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 che si tratta di un campo indirizzo?
I browser usano
l'euristica per identificare un campo indirizzo.
Quali sono i valori degli attributi name, type e id?
Nel controllo modulo è presente un attributo autocomplete?
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 la compilazione automatica di un intero modulo.
Aiuta i browser con la compilazione automatica
Vediamo cosa puoi fare per consentire ai browser di offrire le opzioni di compilazione automatica corrette.
Utilizza valori di attributi appropriati
Come hai imparato, i browser possono identificare il tipo di dati esaminando gli attributi di un controllo 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 indizi per il browser che indicano che questo è un campo email.
L'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 dare il tuo contributo utilizzando l'attributo autocomplete.
Hai già inserito un nome nel browser che stai utilizzando? Probabilmente il browser ti offrirà la possibilità di compilarlo di nuovo in questo campo della demo.
Puoi scoprire di più sull'utilizzo del completamento automatico e della compilazione automatica in un modulo successivo.
Verifica le tue conoscenze
Verifica le tue conoscenze della compilazione automatica
In base a quali attributi viene offerta la compilazione automatica?
name.typeautocomplete