La ce serve atributul 'autocomplete' și ce parametri…

atributul autocomplete este utilizat pentru a sugera browserului cum să completeze automat câmpurile formularului pe baza introducerilor anterioare ale utilizatorului. Acest lucru îmbunătățește confortul utilizatorului și viteza de completare a formularelor.

Parametri principali:

on: Activează completarea automată.
off: Dezactivează completarea automată.

Pe lângă on și off, există o serie de valori predefinite care descriu tipul de date care trebuie completate. Unele dintre acestea:

name: Numele complet.
honorific-prefix: Prefixul numelui (de exemplu, "Domnul", "Doamna").
given-name: Numele.
additional-name: Al doilea nume sau numele de familie.
family-name: Numele de familie.
honorific-suffix: Sufixul numelui (de exemplu, "Jr.").
nickname: Porecla.
email: Adresa de email.
username: Numele de utilizator.
new-password: Parola nouă (pentru formularul de înregistrare).
current-password: Parola curentă (pentru autentificare).
organization-title: Funcția.
organization: Organizația.
street-address: Adresa.
address-line1, address-line2, address-line3: Liniile adresei.
address-level4, address-level3, address-level2, address-level1: Nivelurile adresei (de exemplu, țară, regiune, oraș, district).
country: Țara.
country-name: Numele țării.
postal-code: Codul poștal.
cc-name: Numele de pe cardul de credit.
cc-given-name: Numele de pe cardul de credit.
cc-additional-name: Al doilea nume de pe cardul de credit.
cc-family-name: Numele de familie de pe cardul de credit.
cc-number: Numărul cardului de credit.
cc-exp: Data de expirare a cardului în format MM/YY.
cc-exp-month: Luna de expirare.
cc-exp-year: Anul de expirare.
cc-csc: Codul de securitate al cardului (CVV).
cc-type: Tipul cardului.
tel: Numărul de telefon.
tel-national: Numărul de telefon fără codul țării.
tel-area-code: Codul de zonă.
tel-local: Numărul de telefon fără codul țării și zona.
tel-extension: Extensia telefonului.
bday: Data nașterii.
bday-day: Ziua de naștere.
bday-month: Luna de naștere.
bday-year: Anul de naștere.
sex: Sexul.
url: Adresa URL a paginii de start.
photo: URL-ul fotografiei.

Unele valori pot fi combinate cu prefixe, de exemplu, shipping sau billing, pentru a indica adresa de livrare sau de facturare.

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

La ce serve atributul 'autocomplete' și ce parametri poate accepta?