La compilazione di un indirizzo può essere un'attività lunga e frustrante. Che cos'è una riga indirizzo 2? Anche se non hai un cognome, cosa dovresti inserire nel campo Cognome? Evita queste confusione e aiuta gli utenti a compilare i moduli per l'indirizzo.
Assicurati che il modulo dell'indirizzo sia facile da usare
Molti moduli utilizzano un campo per il nome e uno per il cognome.
Tuttavia, alcune persone non hanno un cognome o il loro nome non ha due parti,
come dovrebbe compilare il campo Cognome? Utilizza un unico <input> per il campo del nome.
Scopri di più sulla gestione di diversi formati dei nomi.
Utilizza anche un unico <input> per l'indirizzo, non tutti gli indirizzi hanno un numero civico.
Fai attenzione alle descrizioni dei controlli modulo.
Ad esempio, gli utenti negli Stati Uniti dicono ZIP, nel codice postale del Regno Unito.
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: non tutti gli indirizzi hanno un codice postale.
Aiuta gli utenti a inserire il proprio indirizzo
L'attributo autocomplete può aiutare gli utenti a reinserire l'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 il codice postale dell'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 del modulo e enterkeyhint="next" per gli altri controlli del modulo.