L'attribut universel inputmode est un attribut est un attribut à valeur contrainte qui fournit une indication au navigateur quant au type de donnée qui peut être saisi par l'utilisateur lors de l'édition de l'élément ou de son contenu. Les valeurs autorisées sont les suivantes :

"none"
Aucun clavier virtuel ne doit être affiché. Cette valeur s'avère utile lorsque l'application ou le site web implémente son propre outil de saisie.
"text"
C'est du texte qui sera saisi et un clavier dans la locale de l'utilisateur pourra être affiché.
"decimal"
C'est un nombre décimal qui sera saisi. Le clavier affiché peut contenir des chiffres et le séparateur décimal de la locale de l'utilisateur.
"numeric"
C'est un nombre entier qui sera saisi. Le clavier affiché peut contenir les chiffres de 0 à 9.
"tel"
C'est un numéro de téléphone qui sera saisi. Le clavier affiché pourra être celui d'un téléphone avec les chiffres allant de 0 à 9, l'astérisque et le dièse. Pour les champs de formulaire où il faut saisir un numéro de téléphone, on utilisera plutôt <input type="tel">.
"search"
L'élément éditable sert à la recherche. Le clavier affiché sera optimisé pour une recherche (par exemple, la touche Entrée pourra être indiquée avec le mot-clé « Rechercher »).
"email"
C'est une adresse électronique qui sera saisie. Le clavier affiché pourra être optimisé pour la saisie d'adresses email (généralement, on aura le caractère @ et d'autres éléments). Pour les champs de formulaire où il faut saisir une adresse électronique, on utilisera plutôt <input type="email">.
"url"
C'est une URL qui sera saisie. Le clavier affiché pourra être optimisé pour la saisie d'URL. Ainsi, la touche pour la barre oblique pourra être plus accessible, le clavier pourra proposer un accès à l'historique des URL utilisées, etc. Pour les champs de formulaire où il faut saisir une URL, on utilisera plutôt <input type="url">.

Lorsque cet attribut n'est pas explicitement défini, sa valeur par défaut est "text", ce qui indique que c'est du texte qui sera saisi et qu'un clavier standard devrait être utilisé.

Attention ! Conflit de spécification ! La spécification WHATWG spécifie inputmode et les navigateurs récents travaillent à son implémentation. En revanche, la spécification W3C HTML 5.2 ne contient plus cet attribut (ce qui signifie qu'il doit être considéré comme obsolète). Tant qu'un consensus n'est pas atteint, il est préférable de considérer la définition du WHATWG comme celle qui prévaut.

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'inputmode' dans cette spécification.
Standard évolutif  

Compatibilité des navigateurs

No compatibility data found. Please contribute data for "html.global_attributes.inputmode" (depth: 1) to the MDN compatibility data repository.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,