Az 'autocomplete' attribútum mire szolgál, és milyen…

Az autocomplete attribútumot arra használják, hogy a böngésző megjelenítse, hogyan töltse automatikusan ki a űrlapmezőket a felhasználó korábbi beviteli adatai alapján. Ez növeli a használhatóságot és a kitöltési sebességet.

Fő paraméterek:

on: Az automatikus kitöltés engedélyezése.
off: Az automatikus kitöltés letiltása.

Az on és off mellett számos előre definiált érték létezik, amelyek leírják, milyen típusú adatokat kell kitölteni. Néhány ezek közül:

name: Teljes név.
honorific-prefix: Megszólítás (pl. "Úr", "Asszony").
given-name: Keresztnév.
additional-name: Második név vagy vezetéknév.
family-name: Vezetéknév.
honorific-suffix: Név utótag (pl. "Jr.").
nickname: Becenév.
email: E-mail cím.
username: Felhasználónév.
new-password: Új jelszó (regisztrációs űrlaphoz).
current-password: Jelenlegi jelszó (bejelentkezéshez).
organization-title: Beosztás.
organization: Szervezet.
street-address: Cím.
address-line1, address-line2, address-line3: Címsorok.
address-level4, address-level3, address-level2, address-level1: Címszintek (pl. ország, régió, város, kerület).
country: Ország.
country-name: Ország neve.
postal-code: Irányítószám.
cc-name: Név a hitelkártyán.
cc-given-name: Név a hitelkártyán.
cc-additional-name: Második név a hitelkártyán.
cc-family-name: Vezetéknév a hitelkártyán.
cc-number: Hitelkártya száma.
cc-exp: A hitelkártya lejárati ideje MM/YY formátumban.
cc-exp-month: Lejárati hónap.
cc-exp-year: Lejárati év.
cc-csc: Biztonsági kód (CVV).
cc-type: Kártyatípus.
tel: Telefonszám.
tel-national: Országkód nélküli telefonszám.
tel-area-code: Körzetszám.
tel-local: Ország- és körzetszám nélküli telefonszám.
tel-extension: Telefonkiegészítő.
bday: Születési dátum.
bday-day: Születésnap.
bday-month: Születési hónap.
bday-year: Születési év.
sex: Nem.
url: Honlap URL-je.
photo: Fotó URL-je.

Néhány érték kombinálható előtagokkal, például shipping vagy billing, a szállítási vagy számlázási cím megjelölésére.

<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">

Az 'autocomplete' attribútum mire szolgál, és milyen paramétereket fogadhat el?