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 universelinputmode 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 modecontenteditable.

Il est important de comprendre que l'attributinputmode 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 sectionValeur.

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 toucheretour/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.