HTML automatisch aanvullen Attribuut
Definitie en gebruik
Het
autocompleteattribuut specificeert of een formulier of een invoerveld autocomplete aan of uit moet hebben.
Met Autocomplete kan de browser de waarde voorspellen. Wanneer een gebruiker in een veld begint te typen, moet de browser opties weergeven om het veld in te vullen, gebaseerd op eerder getypte waarden.
Tip: Het is mogelijk om autocomplete "aan" te zetten voor het formulier, en "uit" voor specifieke invoervelden, of omgekeerd.
Opmerking: het
autocompleteattribuut werkt met de volgende
<input>typen: tekst, zoeken, url, tel, e-mail, wachtwoord, datumkiezers, bereik en kleur.
Geldt voor
Het
autocompleteattribuut kan op de volgende elementen worden gebruikt:
| elementen | Attribuut |
|---|---|
| <formulier> | automatisch aanvullen |
| <invoer> | automatisch aanvullen |
Voorbeelden
Formulier voorbeeld
Een formulier met automatisch aanvullen op:
<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>
Invoervoorbeeld
Een HTML-formulier met autocomplete aan (en uit voor één invoerveld):
<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>
Browserondersteuning
Het autocompleteattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |