Compilare un indirizzo può essere un'operazione lunga e frustrante. A cosa serve Riga indirizzo 2? Potresti non avere un cognome, quindi cosa devi inserire in un campo Cognome? Evita queste confusioni e aiuta gli utenti a compilare i moduli di indirizzo.
Creare un modulo facile da usare
Molti moduli utilizzano un campo per il nome e uno per il cognome.
Tuttavia, alcune persone non hanno un cognome o i loro nomi non sono composti da due parti,
quindi come devono compilare il campo del cognome? Utilizza un singolo <input> per il
campo del nome. Scopri di più sulla
gestione di diversi formati di nomi.
Secondo una ricerca,
la riga dell'indirizzo 2 può creare confusione per gli utenti. Valuta la possibilità di utilizzare un <textarea>
per l'intero indirizzo o di nascondere il campo Indirizzo 2 dietro un pulsante di visualizzazione <button>.
Fai attenzione alle descrizioni dei controlli del modulo.
Ad esempio, gli utenti negli Stati Uniti dicono ZIP, nel Regno Unito postcode.
Utilizza <label for="zip">ZIP or postal code (optional)</label>
per assicurarti che gli utenti sappiano quali dati inserire.
Rendi facoltativo il campo del codice postale, in quanto non tutti gli indirizzi hanno un codice postale.
Aiutare gli utenti a inserire il proprio indirizzo
L'attributo autocomplete può aiutare gli utenti a reinserire il proprio indirizzo:
autocomplete="name"autocomplete="street-address"autocomplete="postal-code"autocomplete="country"
Puoi definire più valori separati da uno spazio per autocomplete. Supponiamo che tu
abbia un modulo con un indirizzo di spedizione e un altro modulo per un indirizzo di fatturazione.
Per indicare al browser quale codice postale corrisponde all'indirizzo di fatturazione, puoi utilizzare
autocomplete="billing postal-code". Per l'indirizzo di spedizione, utilizza shipping
come primo valore.
Modifica l'etichetta del tasto Enter sulle tastiere sullo schermo con l'attributo
enterkeyhint. Utilizza enterkeyhint="done" per l'ultimo controllo modulo
e enterkeyhint="next" per gli altri controlli modulo.