HTML autocomplete-Attribut
Das autocomplete-Attribut legt fest, ob ein Eingabe- oder Formularfeld die Autocomplete-Funktion auf „on" oder „off" setzen muss.
Mit dem autocomplete-Attribut sagt der Browser den Wert voraus. Wenn ein Benutzer in ein Feld zu tippen beginnt, zeigt der Browser basierend auf zuvor eingegebenen Werten Optionen zum Ausfüllen des Feldes an.
Erfolg
Das Autocomplete kann für das Eingabefeld auf „on" und für bestimmte Eingabefelder auf „off" stehen, oder umgekehrt.
Erfolg
Hinweis: Das
autocomplete-Attribut funktioniert mit den folgenden<input>-Typen: text, search, tel, url, password, email, range und color.
Syntax
Syntax des HTML autocomplete-Attributs
<input autocomplete="on|off">| Gilt für | <form> und <input> Elemente. |
|---|
Beispiel für das HTML autocomplete-Attribut:
Beispiel für das HTML autocomplete-Attribut:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div {
margin-bottom: 10px;
}
</style>
</head>
<body>
<form action="/form/submit" method="get" autocomplete="on">
<div>
<label for="name">Enter Your Name:</label>
<input type="text" name="name" id="name" />
</div>
<div>
<label for="phone">Enter Your Phone Number:</label>
<input type="number" id="phone" name="phone-number" />
<br />
</div>
<input type="submit" value="Send" />
</form>
</body>
</html>Beispiel für das HTML <form>-Tag, bei dem das autocomplete-Attribut aktiviert ist:
Beispiel für das HTML <form>-Tag, bei dem das autocomplete-Attribut aktiviert ist:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
input {
display: block;
margin-bottom: 10px;
padding: 10px;
}
</style>
</head>
<body>
<form action="/form/submit" accept-charset="ISO-8859-1">
<input type="text" name="name" placeholder="Enter your Name" autofocus />
<input type="text" name="surname" placeholder="Enter your Surname" />
<input type="number" name="age" placeholder="Enter your Age" autocomplete="off" />
<input type="submit" value="Send" />
</form>
</body>
</html>Weitere Optionen zur Steuerung des „autocomplete"-Verhaltens:
In HTML gibt es mehrere Optionen, die zur Steuerung des Autocomplete-Verhaltens verwendet werden können, über das einfache Aktivieren oder Deaktivieren hinaus. Hier sind einige der am häufigsten verwendeten Optionen:
autocomplete="on"oderautocomplete="off": Dies ist die grundlegendste Option, die die Autocomplete-Funktion für ein Formularelement ein- oder ausschaltet. Der Wert „on" aktiviert die Autocomplete-Funktion, während „off" sie deaktiviert.autocomplete="name": Diese Option weist den Browser an, den Namen des Benutzers als Autocomplete-Wert für das Feld zu verwenden.autocomplete="email": Diese Option weist den Browser an, die E-Mail-Adresse des Benutzers als Autocomplete-Wert für das Feld zu verwenden.autocomplete="new-password": Diese Option weist den Browser an, das Feld als neues Passwortfeld zu behandeln, sodass es kein bereits gespeichertes Passwort automatisch ausfüllt.autocomplete="current-password": Diese Option weist den Browser an, das Feld als aktuelles Passwortfeld zu behandeln, sodass es nur mit zuvor gespeicherten Passwörtern vervollständigt wird.autocomplete="username": Diese Option weist den Browser an, den Benutzernamen des Benutzers als Autocomplete-Wert für das Feld zu verwenden.autocomplete="cc-name",autocomplete="cc-number",autocomplete="cc-exp",autocomplete="cc-csc": Diese Optionen werden für Kreditkartenfelder verwendet und weisen den Browser an, den Namen, die Nummer, das Ablaufdatum oder den Sicherheitscode der Kreditkarte des Benutzers als Autocomplete-Wert zu verwenden.autocomplete="postal-code",autocomplete="address-level1",autocomplete="address-level2",autocomplete="address-level3",autocomplete="country": Diese Optionen werden für Adressfelder verwendet und weisen den Browser an, die Postleitzahl, das Bundesland/die Provinz, die Stadt, die Straßenadresse oder das Land des Benutzers als Autocomplete-Wert zu verwenden.
Dies sind nur einige Beispiele für die in HTML verfügbaren Autocomplete-Optionen. Eine vollständige Liste der Optionen und deren Beschreibungen finden Sie in der HTML-Spezifikation.
Praxis
Was bewirkt das autocomplete-Attribut in HTML?