Comment afficher le clavier numérique dans un input HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-06-16 17:04:55
Thèmes : html - input - smartphone
Question

Comment faire pour que les navigateurs des smartphone affichent le clavier numérique lorsqu'un utilisateur remplit un input HTML ?

Réponse

Pour afficher le clavier numérique dans un input HTML, vous devez utiliser l'attribut universel inputmode avec la valeur numeric :

<input type="text" inputmode="numeric">

Astuce : Si vous utilisez la valeur tel, le navigateur affiche en plus du clavier numérique et des chiffres de 0 à 9, les caractères +, * et #.

Vous trouverez plus d'information, pour faire apparaitre le clavier numérique dans un input HTML, via cette page du site de Mozilla.