Kam ir paredzēts autocomplete atribūts un kādus…

autocomplete atribūts ļauj pārlūkprogrammai nodrošināt automātisku aizpildīšanu formu laukiem. Tas uzlabo lietotāja ērtību, piedāvājot iepriekš saglabātus datus.

autocomplete atribūta parametri tiek iedalīti divās kategorijās: vispārējie un pēc datu veida.

Vispārējie parametri:

off: Aizliedz automātisko aizpildīšanu šim laukam.
on: Atļauj automātisko aizpildīšanu šim laukam.

Datu veida parametri (visbiežāk lietotie):

name: Lietotāja pilnais vārds.
honorific-prefix: Tituls pirms vārda (piemēram, "Mr.", "Ms.").
given-name: Vārds.
additional-name: Papildu vārdi (starpvārds).
family-name: Uzvārds.
honorific-suffix: Tituls pēc vārda (piemēram, "Jr.", "Sr.").
nickname: Uzvārds.
email: Elektroniskā pasta adrese.
username: Lietotājvārds.
new-password: Jauns parole (lauka paroles izveidei).
current-password: Pašreizējā parole.
one-time-code: Vienreizējs kods (piemēram, divu faktoru autentifikācijai).
organization-title: Amats.
organization: Organizācijas nosaukums.
street-address: Iela un mājas numurs.
address-line1: Pirmā adreses rinda.
address-line2: Otrā adreses rinda.
address-line3: Trešā adreses rinda.
address-level4: Mazākā administratīvā vienība (piemēram, ciems).
address-level3: Trešā pēc lieluma administratīvā vienība (piemēram, rajons).
address-level2: Otrā pēc lieluma administratīvā vienība (piemēram, pilsēta).
address-level1: Vislielākā administratīvā vienība (piemēram, reģions, štats).
country: Valsts.
country-name: Valsts nosaukums.
postal-code: Pasta indekss.
cc-name: Vārds kredītkartē.
cc-given-name: Vārds kredītkartē.
cc-additional-name: Papildu vārdi kredītkartē.
cc-family-name: Uzvārds kredītkartē.
cc-number: Kredītkartes numurs.
cc-exp: Kredītkartes derīguma termiņš (pilnīgs datums).
cc-exp-month: Derīguma mēnesis.
cc-exp-year: Derīguma gads.
cc-csc: Kredītkartes drošības kods.
cc-type: Kredītkartes veids.
transaction-currency: Transakcijas valūta.
transaction-amount: Transakcijas summa.
language: Vēlamā valoda.

Parametri var arī ietvert prefiksus, piemēram, shipping vai billing, norādot, ka tie ir piegādes vai maksājuma dati.

Piemērs lietošanai:

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

  <label for="email">E-pasts:</label>
  <input type="email" id="email" name="email" autocomplete="email">

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

Kam ir paredzēts autocomplete atribūts un kādus parametrus tas pieņem?