Az autocomplete attribútum mire való, és milyen…

Az autocomplete attribútum lehetővé teszi a böngésző számára, hogy automatikus kitöltést nyújtson a űrlapmezők számára. Ez növeli a használhatóságot azzal, hogy korábban mentett adatokat ajánl.

Az autocomplete attribútum paraméterei két típusra oszthatók: általános és adat típus szerinti.

Általános paraméterek:

off: Tiltja az automatikus kitöltést az adott mezőn.
on: Engedélyezi az automatikus kitöltést az adott mezőn.

Adattípus szerinti paraméterek (leggyakrabban használtak):

name: A felhasználó teljes neve.
honorific-prefix: A megszólítás (pl. "Mr.", "Ms.").
given-name: Keresztnév.
additional-name: Közéknév (második név).
family-name: Vezetéknév.
honorific-suffix: A megszólítás utáni rész (pl. "Jr.", "Sr.").
nickname: Becenév.
email: E-mail cím.
username: Felhasználónév.
new-password: Új jelszó (jelszó létrehozásához).
current-password: Jelenlegi jelszó.
one-time-code: Egyszeri kód (pl. kétfaktoros hitelesítéshez).
organization-title: Beosztás.
organization: Szervezet neve.
street-address: Utca és házszám.
address-line1: Az első cím sor.
address-line2: A második cím sor.
address-line3: A harmadik cím sor.
address-level4: A legkisebb adminisztratív egység (pl. falu).
address-level3: A harmadik legnagyobb adminisztratív egység (pl. járás).
address-level2: A második legnagyobb adminisztratív egység (pl. város).
address-level1: A legnagyobb adminisztratív egység (pl. régió, állam).
country: Ország.
country-name: Ország neve.
postal-code: Irányítószám.
cc-name: Kártya nevének megjelenítése.
cc-given-name: Kártyán szereplő keresztnév.
cc-additional-name: Kártyán szereplő további nevek.
cc-family-name: Kártyán szereplő vezetéknév.
cc-number: Kártyaszám.
cc-exp: A kártya lejárati ideje (teljes formában).
cc-exp-month: A lejárati hónap.
cc-exp-year: A lejárati év.
cc-csc: A kártya biztonsági kódja.
cc-type: A kártya típusa.
transaction-currency: A tranzakció pénzneme.
transaction-amount: A tranzakció összege.
language: Preferált nyelv.

A paraméterek tartalmazhatnak prefixeket is, például shipping vagy billing, jelezve, hogy ezek szállítási vagy fizetési adatok.

Példa használatra:

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

Az autocomplete attribútum mire való, és milyen paramétereket fogad el?