Attribut inputmode HTML

Définition et utilisation

inputmode Cette propriété vous permet de modifier l'apparence du clavier sur un téléphone ou une tablette (ou tout appareil avec un clavier virtuel).

Voir également :

Tutoriel HTML :Attributs HTML

Exemple

Avis:Veuillez exécuter l'exemple sur un téléphone ou une tablette pour voir les résultats.

Exemple 1

Seuls les touches numériques s'affichent sur le clavier (virtuel):

<input type="text" inputmode="numeric">
Résultat affiché sur le téléphone pour l'attribut inputmode

essayez-le vous-même

Exemple 2

L'exemple suivant utilise "email" pour l'attribut "inputmode":

<input type="text" inputmode="email">
Résultat affiché sur le téléphone pour l'attribut inputmode

essayez-le vous-même

grammaire

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

Valeur de l'attribut

Valeur Description
decimal Ne montre que le clavier numérique, généralement avec une touche virgule.
email Clavier de texte, les touches sont généralement utilisées pour les adresses e-mail, telles que [@].
none Le clavier ne doit pas apparaître.
numeric Ne montre que le clavier numérique.
search Clavier de texte, la touche [enter] est généralement affichée comme [go].
tel Ne montre que le clavier numérique, généralement avec les touches [+]、[*] et [#].
text Par défaut. Clavier de texte.
url Clavier de texte, les touches sont généralement utilisées pour les adresses URL, telles que [.] et [/], ainsi que des touches spéciales [ .com] ou d'autres fin de domaine généralement utilisés pour les paramètres locaux.

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53