Pentru ce este folosit atributul autocomplete și ce…

atributul autocomplete permite browser-ului să ofere completare automată pentru câmpurile formularului. Îmbunătățește utilizarea, oferind datele salvate anterior.

Parametrii atributului autocomplete sunt împărțiți în două tipuri: generali și pe tipul de date.

Parametri generali:

off: Interzice completarea automată pentru acest câmp.
on: Activează completarea automată pentru acest câmp.

Parametri pe tipul de date (cel mai frecvent utilizate):

name: Numele complet al utilizatorului.
honorific-prefix: Prefixul înainte de nume (de exemplu, "Mr.", "Ms.").
given-name: Numele.
additional-name: Numele suplimentar (al doilea nume etc.).
family-name: Numele de familie.
honorific-suffix: Sufixul după nume (de exemplu, "Jr.", "Sr.").
nickname: Porecla.
email: Adresa de email.
username: Numele de utilizator.
new-password: Parola nouă (pentru câmpurile de creare a parolei).
current-password: Parola curentă (pentru câmpurile de introducere a parolei existente).
one-time-code: Cod de unică folosință (de exemplu, pentru autentificare cu doi factori).
organization-title: Funcția.
organization: Numele organizației.
street-address: Strada și numărul casei.
address-line1: Prima linie a adresei.
address-line2: A doua linie a adresei.
address-line3: A treia linie a adresei.
address-level4: Cea mai mică unitate administrativă (de exemplu, sat).
address-level3: A treia unitate administrativă după mărime (de exemplu, district).
address-level2: A doua unitate administrativă după mărime (de exemplu, oraș).
address-level1: Cea mai mare unitate administrativă (de exemplu, regiune, stat).
country: Țara.
country-name: Numele țării.
postal-code: Cod poștal.
cc-name: Numele pe cardul de credit.
cc-given-name: Numele pe cardul de credit.
cc-additional-name: Numele suplimentar pe cardul de credit.
cc-family-name: Numele de familie pe cardul de credit.
cc-number: Numărul cardului de credit.
cc-exp: Data de expirare a cardului de credit.
cc-exp-month: Luna de expirare.
cc-exp-year: Anul de expirare.
cc-csc: Codul de securitate al cardului.
cc-type: Tipul cardului de credit.
transaction-currency: Moneda tranzacției.
transaction-amount: Suma tranzacției.
language: Limba preferată.

Parametrii pot include, de asemenea, prefixe precum shipping sau billing, indicând dacă este vorba despre date de livrare sau de plată.

Exemplu de utilizare:

<form>
  <label for="name">Nume:</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">Stradă:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

Pentru ce este folosit atributul autocomplete și ce parametri acceptă?