HTML <input> attribut autocomplete
Exemple
Un formulaire HTML où le nom d'utilisateur et le mot de passe ne sont PAS complétés automatiquement :
<form action="/action_page.php">
<label for="username">Nom d'utilisateur:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Mot de passe:</label>
<input type="password" id="password" name="password" autocomplete="new-password"><br><br>
<input type="submit">
</form> Définition et Utilisation
L'attribut autocomplete spécifie si les navigateurs doivent essayer de prédire la valeur d'un champ de saisie ou non. Vous pouvez également indiquer quel type de valeur vous attendez dans le champ de saisie.
Support des Navigateurs
Les chiffres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribut | |||||
|---|---|---|---|---|---|
| autocomplete | 17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
Astuce : Dans certains navigateurs, vous devrez peut-être activer une fonction d'autocomplétion pour que cela fonctionne (regardez sous "Préférences" dans le menu du navigateur).
Syntaxe
<input autocomplete="on|off| type-of-value "> Valeurs d'Attribut
| Valeur | Description |
|---|---|
| on | Par défaut. L'autocomplétion est activée |
| off | L'autocomplétion est désactivée |
| address-line1 | Attend la première ligne de l'adresse |
| address-line2 | Attend la deuxième ligne de l'adresse |
| address-line3 | Attend la troisième ligne de l'adresse |
| address-level1 | Attend le premier niveau de l'adresse, par ex. le comté |
| address-level2 | Attend le deuxième niveau de l'adresse, par ex. la ville |
| address-level3 | Attend le troisième niveau de l'adresse |
| address-level4 | Attend le quatrième niveau de l'adresse |
| street-address | Attend l'adresse complète |
| country | Attend le code du pays |
| country-name | Attend le nom du pays |
| postal-code | Attend le code postal |
| name | Attend le nom complet |
| additional-name | Attend le deuxième prénom |
| family-name | Attend le nom de famille |
| given-name | Attend le prénom |
| honoric-prefix | Attend le titre, comme "M.", "Mme" etc. |
| honoric-suffix | Attend le suffixe, comme "5", "Jr." etc. |
| nickname | Attend le surnom |
| organization-title | Attend le titre du poste |
| username | Attend le nom d'utilisateur |
| new-password | Attend un nouveau mot de passe |
| current-password | Attend le mot de passe actuel |
| bday | Attend la date complète d'anniversaire |
| bday-day | Attend le jour de la date d'anniversaire |
| bday-month | Attend le mois de la date d'anniversaire |
| bday-year | Attend l'année de la date d'anniversaire |
| sex | Attend le sexe |
| one-time-code | Attend un code à usage unique pour vérification, etc. |
| organization | Attend le nom de l'entreprise |
| cc-name | Attend le nom complet du titulaire de la carte de crédit |
| cc-given-name | Attend le prénom du titulaire de la carte de crédit |
| cc-additional-name | Attend le deuxième prénom du titulaire de la carte de crédit |
| cc-family-name | Attend le nom de famille du titulaire de la carte de crédit |
| cc-number | Attend le numéro de la carte de crédit |
| cc-exp | Attend la date d'expiration de la carte de crédit |
| cc-exp-month | Attend le mois d'expiration de la carte de crédit |
| cc-exp-year | Attend l'année d'expiration de la carte de crédit |
| cc-csc | Attend le code CVC |
| cc-type | Attend le type de paiement de la carte de crédit |
| transaction-currency | Attend la devise |
| transaction-amount | Attend un nombre, le montant |
| language | Attend la langue préférée |
| url | Attend une URL pour la page d'accueil ou l'adresse du site web de l'entreprise |
| Attend l'adresse e-mail | |
| photo | Attend une image |
| tel | Attend le numéro de téléphone complet |
| tel-country-code | Attend le code du pays du numéro de téléphone |
| tel-national | Attend le numéro de téléphone sans code du pays |
| tel-area-code | Attend l'indicatif régional du numéro de téléphone |
| tel-local | Attend le numéro de téléphone sans code du pays et sans indicatif régional |
| tel-local-prefix | Attend le préfixe local du numéro de téléphone |
| tel-local-suffix | Attend le suffixe local du numéro de téléphone |
| tel-extension | Attend le code d'extension du numéro de téléphone |
| impp | Attend l'URL d'un point de terminaison de protocole de messagerie instantanée |