Kam naudojamas 'autocomplete' atributas ir kokius…

autocomplete atributas naudojamas naršyklei patarti, kaip automatiškai užpildyti formos laukus remiantis ankstesniais naudotojo įvedimais. Tai pagerina naudojimo patogumą ir formų užpildymo greitį.

Pagrindiniai parametrai:

on: įjungti automatinį užpildymą.
off: išjungti automatinį užpildymą.

Be on ir off, yra keletas iš anksto apibrėžtų reikšmių, apibūdinančių duomenų tipą, kuris turi būti užpildytas. Kai kurie iš jų:

name: Pilnas vardas.
honorific-prefix: Vardo titulą (pavyzdžiui, "Ponas", "Ponia").
given-name: Vardas.
additional-name: Antras arba vidinis vardas.
family-name: Pavardė.
honorific-suffix: Priešvardis prie vardo (pavyzdžiui, "M.").
nickname: Pravardė.
email: El. paštas.
username: Naudotojo vardas.
new-password: Naujas slaptažodis (registracijos formai).
current-password: Dabartinis slaptažodis (prisijungimui).
organization-title: Pareigos.
organization: Organizacija.
street-address: Adresas.
address-line1, address-line2, address-line3: Adreso eilutės.
address-level4, address-level3, address-level2, address-level1: Adreso lygiai (pavyzdžiui, šalis, regionas, miestas, rajonas).
country: Šalis.
country-name: Šalies pavadinimas.
postal-code: Pašto kodas.
cc-name: Vardas kreditinėje kortelėje.
cc-given-name: Vardas kreditinėje kortelėje.
cc-additional-name: Antras vardas kreditinėje kortelėje.
cc-family-name: Pavardė kreditinėje kortelėje.
cc-number: Kreditinės kortelės numeris.
cc-exp: Kreditinės kortelės galiojimo laikas formatu MM/YY.
cc-exp-month: Galiojimo mėnuo.
cc-exp-year: Galiojimo metai.
cc-csc: Saugumo kodas kreditinėje kortelėje (CVV).
cc-type: Kreditinės kortelės tipas.
tel: Telefono numeris.
tel-national: Telefono numeris be šalies kodo.
tel-area-code: Regiono kodas.
tel-local: Telefono numeris be šalies ir regiono kodo.
tel-extension: Telefono plėtinys.
bday: Gimimo data.
bday-day: Gimimo diena.
bday-month: Gimimo mėnuo.
bday-year: Gimimo metai.
sex: Lytis.
url: Namų puslapio URL.
photo: Nuotraukos URL.

Kai kurios reikšmės gali būti derinamos su prefiksais, pavyzdžiui, shipping arba billing, nurodant pristatymo arba sąskaitos adresą.

<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">

Kam naudojamas 'autocomplete' atributas ir kokius parametrus jis gali priimti?