Waarvoor is het autocomplete attribuut bedoeld en…

Het attribuut autocomplete stelt de browser in staat om automatisch invullen voor formulier velden te bieden. Het verbetert de gebruiksvriendelijkheid door eerder opgeslagen gegevens voor te stellen.

De parameters van het autocomplete attribuut worden onderverdeeld in twee types: algemeen en op datatypes.

Algemene parameters:

off: Voorkomt automatisch invullen voor dit veld.
on: Schakelt automatisch invullen voor dit veld in.

Parameters op datatypes (meest gebruikt):

name: Volledige naam van de gebruiker.
honorific-prefix: Voorvoegsel voor de naam (bijvoorbeeld "Mr.", "Ms.").
given-name: Voornaam.
additional-name: Extra namen (tweede naam, etc.).
family-name: Achternaam.
honorific-suffix: Achtervoegsel na de naam (bijvoorbeeld "Jr.", "Sr.").
nickname: Bijnaam.
email: E-mailadres.
username: Gebruikersnaam.
new-password: Nieuw wachtwoord (voor wachtwoord aanmaak velden).
current-password: Huidig wachtwoord (voor invoervelden van bestaand wachtwoord).
one-time-code: Eenmalige code (bijvoorbeeld voor twee-factor authenticatie).
organization-title: Functie.
organization: Naam van de organisatie.
street-address: Straat en huisnummer.
address-line1: Eerste adresregel.
address-line2: Tweede adresregel.
address-line3: Derde adresregel.
address-level4: Kleinste administratieve eenheid (bijvoorbeeld dorp).
address-level3: Derde grootste administratieve eenheid (bijvoorbeeld district).
address-level2: Tweede grootste administratieve eenheid (bijvoorbeeld stad).
address-level1: Grootste administratieve eenheid (bijvoorbeeld regio, staat).
country: Land.
country-name: Naam van het land.
postal-code: Postcode.
cc-name: Naam op de creditcard.
cc-given-name: Voornaam op de creditcard.
cc-additional-name: Extra namen op de creditcard.
cc-family-name: Achternaam op de creditcard.
cc-number: Creditcardnummer.
cc-exp: Vervaldatum creditcard.
cc-exp-month: Vervaldatum maand.
cc-exp-year: Vervaldatum jaar.
cc-csc: Veiligheidscode creditcard.
cc-type: Type creditcard.
transaction-currency: Transactiewaarde.
transaction-amount: Transactiebedrag.
language: Voorkeurstaal.

Parameters kunnen ook prefixen bevatten, zoals shipping of billing, wat aangeeft dat het gegevens voor verzending of betaling betreft.

Voorbeeld:

<form>
  <label for="name">Naam:</label>
  <input type="text" id="name" name="name" autocomplete="given-name">

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="email">

  <label for="street">Straat:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

Waarvoor is het autocomplete attribuut bedoeld en welke parameters accepteert het?