Na čo je atribút autocomplete a aké parametre…

A atribút autocomplete umožňuje prehliadaču poskytovať automatické dopĺňanie pre polia formulára. Zvyšuje používateľskú pohodlnosť tým, že ponúka uložené údaje.

Parametre atribútu autocomplete sa delia na dva typy: všeobecné a podľa typu údajov.

Všeobecné parametre:

off: Zakazuje automatické dopĺňanie pre toto pole.
on: Povolenie automatického dopĺňania pre toto pole.

Parametre podľa typu údajov (najčastejšie používané):

name: Kompletné meno používateľa.
honorific-prefix: Titul pred menom (napríklad "Mr.", "Ms.").
given-name: Krstné meno.
additional-name: Ďalšie mená (prostredné meno).
family-name: Priezvisko.
honorific-suffix: Titul za menom (napríklad "Jr.", "Sr.").
nickname: Prezývka.
email: E-mailová adresa.
username: Používateľské meno.
new-password: Nové heslo (pre pole na vytvorenie hesla).
current-password: Aktuálne heslo.
one-time-code: Jednorazový kód (napríklad pre dvojfaktorové overenie).
organization-title: Funkcia.
organization: Názov organizácie.
street-address: Ulica a číslo domu.
address-line1: Prvý riadok adresy.
address-line2: Druhý riadok adresy.
address-line3: Tretí riadok adresy.
address-level4: Najmenšia administratívna jednotka (napríklad dedina).
address-level3: Tretia najväčšia administratívna jednotka (napríklad okres).
address-level2: Druhá najväčšia administratívna jednotka (napríklad mesto).
address-level1: Najväčšia administratívna jednotka (napríklad región, štát).
country: Krajina.
country-name: Názov krajiny.
postal-code: Poštové smerovacie číslo.
cc-name: Meno na kreditnej karte.
cc-given-name: Krstné meno na kreditnej karte.
cc-additional-name: Ďalšie mená na kreditnej karte.
cc-family-name: Priezvisko na kreditnej karte.
cc-number: Číslo kreditnej karty.
cc-exp: Dátum expirácie kreditnej karty (celý).
cc-exp-month: Mesiac expirácie.
cc-exp-year: Rok expirácie.
cc-csc: Bezpečnostný kód kreditnej karty.
cc-type: Typ kreditnej karty.
transaction-currency: Mena transakcie.
transaction-amount: Suma transakcie.
language: Preferovaný jazyk.

Parametre môžu tiež obsahovať prefixy, napríklad shipping alebo billing, čo označuje, že ide o údaje na doručenie alebo platbu.

Príklad použitia:

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

Na čo je atribút autocomplete a aké parametre prijíma?