Aiuta gli utenti a evitare di reinserire i dati nei moduli

Dopo aver appreso elemento modulo e come creare un modulo interattivi, vediamo come puoi aiutare gli utenti a evitare di reinserire i dati.

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?

Attributo type
Attributo autocomplete
Attributo name.
Tutte le risposte precedenti

Risorse