Milleks kasutatakse 'autocomplete' atribuuti ja…

autocomplete atribuut kasutatakse brauserile nõu andmiseks, kuidas automaatselt täita vormi välju kasutaja varasemate sisestuste põhjal. See suurendab kasutusmugavust ja vormide täitmise kiirust.

Peamised parameetrid:

on: Lülita automaatne täitmine sisse.
off: Lülita automaatne täitmine välja.

Lisaks on ja off-le on olemas mitu eelmääratletud väärtust, mis kirjeldavad andmetüüpi, mida tuleks täita. Mõned neist:

name: Täisnimi.
honorific-prefix: Eesnimi ees olev tiitel (näiteks "Hr", "Pr" jne).
given-name: Eesnimi.
additional-name: Teine või keskne nimi.
family-name: Perekonnanimi.
honorific-suffix: Nime lõpp (näiteks "Noorem" jne).
nickname: hüüdnimi.
email: E-posti aadress.
username: Kasutajanimi.
new-password: Uus parool (registreerimisvormile).
current-password: Praegune parool (sisselogimiseks).
organization-title: Ametikoht.
organization: Organisatsioon.
street-address: Aadress.
address-line1, address-line2, address-line3: Aadressiridad.
address-level4, address-level3, address-level2, address-level1: Aadressi tasemed (näiteks riik, piirkond, linn, piirkond).
country: Riik.
country-name: Riigi nimi.
postal-code: Postiindeks.
cc-name: Nimi krediitkaardil.
cc-given-name: Nimi krediitkaardil.
cc-additional-name: Teine nimi krediitkaardil.
cc-family-name: Perekonnanimi krediitkaardil.
cc-number: Krediitkaardi number.
cc-exp: Krediitkaardi kehtivusaeg formaadis MM/YY.
cc-exp-month: Kehtivuskuu.
cc-exp-year: Kehtivusaasta.
cc-csc: Turvakood krediitkaardil (CVV).
cc-type: Krediitkaardi tüüp.
tel: Telefoninumber.
tel-national: Telefoninumber ilma riigi koodita.
tel-area-code: Piirkonna kood.
tel-local: Telefoninumber ilma riigi ja piirkonna koodita.
tel-extension: Telefonilaiendus.
bday: Sünnipäev.
bday-day: Sünnipäeva päev.
bday-month: Sünnipäeva kuu.
bday-year: Sünnipäeva aasta.
sex: Sugu.
url: Kodulehe URL.
photo: Fotograafia URL.

Mõned väärtused võivad olla kombineeritud prefiksidega, näiteks shipping või billing, mis näitavad kohaletoimetamise või arve aadressi.

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

Milleks kasutatakse 'autocomplete' atribuuti ja milliseid parameetreid see võib vastu võtta?