Attribut HTML universel : inputmode
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis décembre 2021.
L'attribut universel inputmode est un attribut énuméré qui suggère le type de données qui pourrait être saisi par l'utilisateur·ice lors de la modification de l'élément ou de son contenu.
Ceci permet au navigateur d'afficher un clavier virtuel approprié.
Il est principalement utilisé sur les éléments <input>, mais peut être utilisé sur tout élément en mode contenteditable.
Il est important de comprendre que l'attribut inputmode n'impose aucune contrainte de validité sur la saisie. Pour exiger qu'une saisie corresponde à un type de donnée particulier, choisissez un type d'élément <input> approprié. Pour des conseils spécifiques sur le choix des types <input>, consultez la section Valeur.
Valeur
L'attribut peut avoir l'une des valeurs suivantes :
none-
Aucun clavier virtuel n'est affiché. À utiliser lorsque la page implémente son propre contrôle de saisie au clavier.
text(valeur par défaut)-
Clavier de saisie standard pour la locale de l'utilisateur·ice.
decimal-
Clavier numérique fractionnaire contenant les chiffres et le séparateur décimal de la locale de l'utilisateur·ice (généralement . ou ,). Les appareils peuvent ou non afficher la touche moins (-).
numeric-
Clavier numérique, mais qui ne nécessite que les chiffres de 0 à 9. Les appareils peuvent ou non afficher la touche moins.
tel-
Clavier téléphonique, incluant les chiffres de 0 à 9, l'astérisque (*) et la touche dièse (#). Pour les champs qui nécessitent un numéro de téléphone, il est recommandé d'utiliser
<input type="tel">à la place. search-
Clavier virtuel optimisé pour la saisie de requêtes de recherche. Par exemple, la touche retour/envoyer (angl.) peut être étiquetée "Rechercher", ainsi que d'autres optimisations possibles. Pour les champs qui nécessitent une requête de recherche, il est recommandé d'utiliser
<input type="search">à la place. email-
Clavier virtuel optimisé pour la saisie d'adresses électroniques. Inclut généralement le caractère @ ainsi que d'autres optimisations. Pour les champs qui nécessitent une adresse électronique, il est recommandé d'utiliser
<input type="email">à la place. url-
Clavier virtuel optimisé pour la saisie d'URL. Cela peut inclure une mise en avant de la touche /, par exemple. D'autres fonctionnalités améliorées pourraient inclure l'accès à l'historique, etc. Pour les champs qui nécessitent une URL, il est recommandé d'utiliser
<input type="url">à la place.
Spécifications
| Specification |
|---|
| HTML # attr-inputmode |
Compatibilité des navigateurs
Voir aussi
- Tous les attributs universels
- L'attribut universel
enterkeyhint