Ratgeber: Liefer- und Rechnungsadresse beim automatischen Ausfüllen trennen

Ein Formular enthält zwei Adressen, doch nach dem automatischen Ausfüllen steht überall dieselbe Anschrift. Für Besucher ist schwer erkennbar, ob sie einen Fehler gemacht haben oder die Seite die Felder falsch beschreibt. Bei der Entwicklung lohnt sich deshalb ein genauer Auftrag für die Bedeutung der Eingaben. Dieser Ratgeber behandelt das vorhandene HTML-Attribut autocomplete, keine neu angekündigte Funktion.

Hinweise für den Browser

Die MDN-Dokumentation erklärt autocomplete als Hinweis auf die erwarteten Informationen. Neben allgemeinen Werten gibt es eine geordnete Folge von Tokens. Die Gruppen shipping und billing unterscheiden etwa Liefer- und Rechnungsdaten. Mit einem vorangestellten section-Token können weitere getrennte Gruppen bezeichnet werden. Ob und welche Vorschläge erscheinen, hängt dennoch vom Browser und seinen gespeicherten Informationen ab.

Eine passende Kennzeichnung ersetzt nicht das sichtbare Feldetikett. Menschen müssen weiterhin erkennen können, welche Adresse sie gerade bearbeiten. Der technische Hinweis ergänzt die Verständlichkeit der Oberfläche.

Zwei unterschiedliche Testadressen vorbereiten

Für einen eigenen Prototyp kannst du eine fiktive Lieferadresse am Werkstatthof und eine abweichende Rechnungsadresse im Büro vorsehen. Verwende erkennbare Beispieldaten. Schreibe im Bauauftrag auf, welche Felder zu welcher Gruppe gehören und ob eine bewusste Aktion „Rechnungsadresse übernehmen“ angeboten werden soll.

Diese Aktion sollte klar von der Browserhilfe getrennt bleiben. Wenn die Person zwei verschiedene Anschriften eingeben möchte, darf eine spätere Änderung an einer Gruppe nicht überraschend die andere überschreiben. Dieses Verhalten ist eine fachliche Anforderung und muss durch die eigentliche Anwendung umgesetzt werden.

Ergänzen und Korrigieren prüfen

Teste die Seite zunächst mit leeren Feldern. Nutze dann die verfügbare Ausfüllhilfe und kontrolliere Straße, Ort und Postleitzahl in beiden Gruppen. Ändere anschließend nur eine Hausnummer. Prüfe nach dem Wechsel zwischen den Feldern, ob die Änderung beim vorgesehenen Empfänger bleibt. Wiederhole den Ablauf, wenn zusätzliche Adressgruppen dynamisch ergänzt werden.

Ein brauchbares Abnahmeprotokoll schreiben

Halte verwendeten Browser, Testdaten und beobachtete Zuordnung fest. Ein fehlender Vorschlag allein beweist noch keinen Programmfehler; dafür kann im Testprofil schlicht kein passender Eintrag vorliegen. Entscheidend ist, dass vorhandene Eingaben verständlich bleiben, die Gruppierung korrekt beschrieben ist und manuelle Korrekturen erhalten werden. So entsteht ein hilfreicher Bauauftrag ohne die unbelegte Garantie, jeder Browser werde das Formular identisch ausfüllen.