HTML -Autocomplete- Attribut
Definition und Verwendung
Das
autocompleteAttribut gibt an, ob ein Formular oder ein Eingabefeld die automatische Vervollständigung ein- oder ausschalten soll.
Autocomplete ermöglicht es dem Browser, den Wert vorherzusagen. Wenn ein Benutzer mit der Eingabe in ein Feld beginnt, sollte der Browser Optionen zum Ausfüllen des Felds basierend auf zuvor eingegebenen Werten anzeigen.
Tipp: Es ist möglich, die automatische Vervollständigung für das Formular "ein" und für bestimmte Eingabefelder "aus" zu haben oder umgekehrt.
Hinweis: Das
autocompleteAttribut funktioniert mit den folgenden
<input>Typen: Text, Suche, URL, Tel, E-Mail, Passwort, Datumsauswahl, Bereich und Farbe.
Gilt für
Das
autocompleteAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Formular> | Autovervollständigung |
| <Eingabe> | Autovervollständigung |
Beispiele
Formularbeispiel
Ein Formular mit automatischer Vervollständigung:
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
Eingabebeispiel
Ein HTML-Formular mit aktivierter (und deaktivierter) Autovervollständigung für ein Eingabefeld:
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
Browser-Unterstützung
Das autocompleteAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |