input autocomplete – Vervollständigen

autocomplete – automatisch vervollständigen

Viele Browser speichern Eingaben in Formularfeldern für eine erneute Nutzung und bieten ein automatisches Vervollständigen – meist nachdem zwei, drei Zeichen eingegeben wurden. autocomplete steuert das Einsetzen der Benutzereingaben in individuelle Formularen oder Formularfeldern und kann aktiviert (autocomplete="on") oder deaktiviert (autocomplete="off") werden.

Vorgabe ist autocomplete="on".

<form action="…" method="…" autocomplete="on">
	<input type="email" name="email" placeholder="Email">
	<input type="text" name="plz" placeholder="Postleitzahl">
	<input type="number" name="katzen" placeholder="1">
</div>

oder spezifischer

<form action="…" method="…">
	<input type="email" autocomplete="email" name="email" placeholder="Email">
	<input type="text" autocomplete="on" name="plz" placeholder="Postleitzahl">
	<input type="number" autocomplete="on" name="katzen" placeholder="1">
</div>

Spezifische Werte für autocomplete zeigen dem Browser, welche Art von Eingaben erwartet wird.

• email
• name
• postal-code
• tel
• url
• …

Was autocomplete nicht kann: Eine Liste von Vorschlägen passend zur Webseite unterbreiten. Das wäre eine Aufgabe für das datalist-Element.

Kein autocomplete?

autocomplete="off" unterbindet das Speichern der Eingaben. Die Browser ignorieren autocomplete="off" für bestimmte Eingabefelder, etwa für type="password" oder für alle Felder eines Login-Formulars, da die Browser ihre Passwort-Manager bevorzugen. Chrome ignoriert autocomplete="off" bei allen Feldern, für die der Nutzer bereits Werte in Chrome gespeichert hat.

Das Auto-Vervollständigen gilt als benutzerfreundlich und es macht nur in wenigen Ausnahmen Sinn, autocomplete auszuschalten.