K čemu slouží atribut 'autocomplete' a jaké parametry může přijímat?

Atribut autocomplete se používá k nápovědě pro prohlížeč, jak automaticky vyplňovat pole formuláře na základě předchozích vstupů uživatele. To zvyšuje pohodlí použití a rychlost vyplňování formulářů.

Hlavní parametry:

• on: Zapnout automatické doplňování.
• off: Vypnout automatické doplňování.

Kromě on a off existuje řada předdefinovaných hodnot, které popisují typ dat, která mají být vyplněna. Některé z nich:

• name: Celé jméno.
• honorific-prefix: Předpona k jménu (například "Pan", "Paní").
• given-name: Jméno.
• additional-name: Prostřední jméno (nebo druhé jméno).
• family-name: Příjmení.
• honorific-suffix: Přípona k jménu (například "Mladší").
• nickname: Přezdívka.
• email: E-mail.
• username: Uživatelské jméno.
• new-password: Nové heslo (pro registrační formulář).
• current-password: Aktuální heslo (pro přihlašovací formulář).
• organization-title: Funkce.
• organization: Organizace.
• street-address: Adresa.
• address-line1, address-line2, address-line3: Řádky adresy.
• address-level4, address-level3, address-level2, address-level1: Úrovně adresy (například země, region, město, čtvrť).
• country: Země.
• country-name: Název země.
• postal-code: PSČ.
• cc-name: Jméno na kreditní kartě.
• cc-given-name: Jméno na kreditní kartě.
• cc-additional-name: Prostřední jméno na kreditní kartě.
• cc-family-name: Příjmení na kreditní kartě.
• cc-number: Číslo kreditní karty.
• cc-exp: Datum platnosti kreditní karty ve formátu MM/YY.
• cc-exp-month: Měsíc platnosti kreditní karty.
• cc-exp-year: Rok platnosti kreditní karty.
• cc-csc: Bezpečnostní kód kreditní karty (CVV).
• cc-type: Typ kreditní karty.
• tel: Telefonní číslo.
• tel-national: Telefonní číslo bez kódu země.
• tel-area-code: Kód oblasti telefonního čísla.
• tel-local: Telefonní číslo bez kódu země a oblasti.
• tel-extension: Rozšíření telefonního čísla.
• bday: Datum narození.
• bday-day: Den narození.
• bday-month: Měsíc narození.
• bday-year: Rok narození.
• sex: Pohlaví.
• url: URL domovské stránky.
• photo: URL fotografie.

Některé hodnoty lze kombinovat s předponami, například shipping nebo billing, pro označení adresy doručení nebo fakturace.

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