À quoi sert l'attribut 'autocomplete' et quels…

L'attribut autocomplete est utilisé pour indiquer au navigateur comment remplir automatiquement les champs du formulaire en fonction des entrées précédentes de l'utilisateur. Cela améliore la convivialité et la rapidité de remplissage des formulaires.

Paramètres principaux:

on : Activer l'autocomplétion.
off : Désactiver l'autocomplétion.

En plus de on et off, il existe plusieurs valeurs prédéfinies décrivant le type de données à remplir. Certaines d'entre elles:

name : Nom complet.
honorific-prefix : Préfixe du nom (par exemple, "M.", "Mme.").
given-name : Prénom.
additional-name : Deuxième prénom ou nom de famille.
family-name : Nom de famille.
honorific-suffix : Suffixe du nom (par exemple, "Jr.").
nickname : Surnom.
email : Adresse e-mail.
username : Nom d'utilisateur.
new-password : Nouveau mot de passe (pour l'inscription).
current-password : Mot de passe actuel (pour la connexion).
organization-title : Titre ou poste.
organization : Organisation.
street-address : Adresse.
address-line1, address-line2, address-line3 : Lignes d'adresse.
address-level4, address-level3, address-level2, address-level1 : Niveaux d'adresse (par exemple, pays, région, ville, district).
country : Pays.
country-name : Nom du pays.
postal-code : Code postal.
cc-name : Nom sur la carte de crédit.
cc-given-name : Prénom sur la carte.
cc-additional-name : Deuxième prénom sur la carte.
cc-family-name : Nom de famille sur la carte.
cc-number : Numéro de la carte de crédit.
cc-exp : Date d'expiration de la carte au format MM/AA.
cc-exp-month : Mois d'expiration.
cc-exp-year : Année d'expiration.
cc-csc : Code de sécurité (CVV).
cc-type : Type de carte.
tel : Numéro de téléphone.
tel-national : Numéro de téléphone sans indicatif de pays.
tel-area-code : Indicatif régional.
tel-local : Numéro de téléphone sans indicatif de pays et de région.
tel-extension : Extension téléphonique.
bday : Date de naissance.
bday-day : Jour de naissance.
bday-month : Mois de naissance.
bday-year : Année de naissance.
sex : Sexe.
url : URL de la page d'accueil.
photo : URL de la photo.

Certains valeurs peuvent être combinées avec des préfixes, par exemple, shipping ou billing pour indiquer l'adresse de livraison ou de facturation.

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

À quoi sert l'attribut 'autocomplete' et quels paramètres peut-il prendre?