Das Ausfüllen einer Adresse kann zeitaufwendig und frustrierend sein. Was ist eine Adresszeile 2? Sie haben möglicherweise keinen Nachnamen. Was sollten Sie in das Feld Nachname eingeben? Helfen Sie Nutzern beim Ausfüllen von Adressformularen und vermeiden Sie so Verwirrung.
Achten Sie darauf, dass das Adressformular nutzerfreundlich ist
In vielen Formularen wird ein Feld für den Vornamen und eines für den Nachnamen verwendet.
Manche Personen haben jedoch keinen Nachnamen oder ihre Namen bestehen aus zwei Teilen. Wie sollten sie das Feld für den Nachnamen ausfüllen? Verwenden Sie eine einzelne <input> für das Namensfeld.
Weitere Informationen zum Umgang mit verschiedenen Namensformaten
Verwenden Sie auch eine einzelne <input> für die Adresse – nicht jede Adresse hat eine Hausnummer.
Seien Sie bei den Beschreibungen der Formularsteuerelemente vorsichtig.
Nutzer in den USA sagen beispielsweise ZIP, im Vereinigten Königreich Postleitzahl.
Mit <label for="zip">ZIP or postal code (optional)</label> sorgen Sie dafür, dass Nutzer wissen, welche Daten sie eingeben müssen.
Das Feld „Postleitzahl“ muss optional sein. Nicht jede Adresse hat eine Postleitzahl.
Nutzern bei der Adresseingabe helfen
Mit dem Attribut autocomplete können Nutzer ihre Adresse noch einmal eingeben:
autocomplete="name"autocomplete="street-address"autocomplete="postal-code"autocomplete="country"
Sie können für autocomplete mehrere Werte definieren, die durch ein Leerzeichen getrennt sind.
Angenommen, Sie haben ein Formular mit einer Versandadresse und ein weiteres Formular für eine Rechnungsadresse.
Mit autocomplete="billing postal-code" können Sie dem Browser mitteilen, welche Postleitzahl für die Rechnungsadresse verwendet wird.
Verwenden Sie shipping als ersten Wert für die Versandadresse.
Sie können die Beschriftung der Enter-Taste auf Bildschirmtastaturen mithilfe des Attributs enterkeyhint ändern.
Verwenden Sie enterkeyhint="done" für das letzte Formularsteuerelement und enterkeyhint="next" für die anderen Formularsteuerelemente.