web

Autocomplete

Mario Kempter

Januar 27, 2025

Hier ist die Zusammenfassung des autocomplete-Attributs in HTML auf Deutsch, formatiert in Tabellen für eine bessere Übersicht:

Hauptverwendung des autocomplete-Attributs

ElementtypBeschreibung
inputKann eine durch Leerzeichen getrennte Liste von Tokens oder die Werte „on“/“off“ enthalten. Es gibt den erwarteten Typ der Felddaten an.
textareaGibt an, ob der Wert des Steuerungselements vom Browser automatisch vervollständigt werden kann.
selectÄhnlich wie textarea, zeigt es, ob der Wert des Steuerungselements automatisch vervollständigt werden kann.
formDas Attribut gilt auch für Formularelemente und gibt an, ob die gesamten Formularsteuerungen automatisch ausgefüllt werden können.

Werte und Verhalten

WertBeschreibung
onErlaubt dem Browser, das Eingabefeld automatisch mit eigenen Entscheidungen über die Art der erwarteten Daten zu vervollständigen.
offVerhindert die automatische Vervollständigung oder Wertauswahl für das Feld aufgrund von Sicherheits- oder benutzerdefinierten Implementierungen.
Token-Liste-Beispiel"shipping street-address" oder "section-user1 billing postal-code", um die Art der erwarteten Informationen anzugeben.

Anmerkungen

In Firefox deaktiviert die Einstellung autocomplete="off" die Persistenz des dynamischen Zustands und der markierten Bedingung von Formularsteuerelementen über Seitenladevorgänge hinweg, aus Datenschutz- und Funktionalitätsgründen.

Spezifische Eigenschaften und Effekte

ObjekttypEigenschaft / Effekt
HTMLTextAreaElementReflektiert, ob der Wert des Steuerungselements vom Browser automatisch vervollständigt werden kann.
HTMLFormElementGibt die Einstellungen zur automatischen Vervollständigung der Formularsteuerungen für das gesamte Formular an.
HTMLSelectElementÄhnlich zu textarea und input, es bestimmt, ob der Wert des Select-Steuerelementes automatisch ausgefüllt werden kann.
HTMLInputElementGibt an, ob der Eingabewert vom Browser automatisch vervollständigt werden kann und akzeptiert Token-Listen.

Folgende Attribute sind möglich

Hier sind die Tabellen ohne die Anführungszeichen bei den Attributen:

Standardwerte

AttributBeschreibung
onAktiviert die Autovervollständigung für das Feld, sofern der Browser dies unterstützt.
offDeaktiviert die Autovervollständigung, um manuelle Eingabe zu erzwingen.

Personenbezogene Informationen

AttributBeschreibung
nameAllgemeiner Name einer Person.
honorific-prefixPräfix wie „Herr“ oder „Frau“.
given-nameVorname der Person.
additional-nameWeitere Namen (z. B. zweiter Vorname).
family-nameNachname der Person.
honorific-suffixSuffix wie „Jr.“ oder „Sr.“.
nicknameSpitzname der Person.
organization-titleBerufsbezeichnung innerhalb einer Organisation.
usernameBenutzername für das Einloggen oder Registrierung.
new-passwordNeues Passwort für Erstellung oder Änderung von Konto-Passwörtern.
current-passwordAktuelles Passwort für das Einloggen.
one-time-codeEin einmal verwendbarer Code für die Zwei-Faktor-Authentifizierung.

Kontaktinformationen

AttributBeschreibung
emailE-Mail-Adresse der Person.
imppInstant Messaging Protocol Adresse.
telTelefon-Nummer der Person.
urlWebseite oder URL.
photoURL eines Fotos der Person.

Wohnadresse

AttributBeschreibung
street-addressGesamte Straßenadresse.
address-line1Erste Zeile der Straßenadresse (oft die Hausnummer und der Straßenname).
address-line2Zweite Zeile der Straßenadresse (z. B. Wohnung, Suite).
address-line3Dritte Zeile der Straßenadresse (optional).
address-level4Regionale Bezeichnungsebene 4 (optional und ortsabhängig).
address-level3Regionale Bezeichnungsebene 3 (z. B. Stadt).
address-level2Regionale Bezeichnungsebene 2 (z. B. Landkreis).
address-level1Regionale Bezeichnungsebene 1 (z. B. Bundesland).
countryLändercode (zweistellig gemäß ISO 3166-1 Alpha-2).
country-nameVollständiger Name des Landes.
postal-codePostleitzahl oder PLZ.

Zahlungsinformationen

AttributBeschreibung
cc-nameName auf der Kreditkarte.
cc-given-nameVorname auf der Kreditkarte.
cc-additional-nameWeiterer Name auf der Kreditkarte.
cc-family-nameNachname auf der Kreditkarte.
cc-numberKreditkartennummer
cc-expAblaufdatum der Kreditkarte (Monat und Jahr gemeinsam).
cc-exp-monthAblaufmonat der Kreditkarte.
cc-exp-yearAblaufjahr der Kreditkarte.
cc-cscKartenprüfnummer (Card Security Code).
cc-typeTyp der Kreditkarte (wie Visa, MasterCard).

Weitere Informationen

AttributBeschreibung
transaction-currencyWährung für die Transaktion (ISO 4217 Code).
transaction-amountBetrag der Transaktion.
languageSprachpräferenz.
bdayGeburtsdatum.
bday-dayGeburtstag (Tag).
bday-monthGeburtsmonat.
bday-yearGeburtsjahr.
sexGeschlecht.
urlWebseite oder URL.
photoURL eines Fotos der Person.
organizationOrganisation, mit der die Person verbunden ist.

Diese Tabellen enthalten die möglichen Werte des autocomplete-Attributs mit Beschreibungen.