iPhone : clavier numérique pour la saisie de texte

Question

Est-il un moyen pour forcer le clavier numérique de venir sur le téléphone pour un <input type="text">? Je viens de réaliser qu' <input type="number"> en HTML5 est pour "les nombres à virgule flottante", de sorte qu'il n'est pas adapté pour les numéros de carte de crédit, codes postaux, etc.

Je veux émuler le numérique-la fonctionnalité de clavier d' <input type="number">, pour les entrées qui prennent des valeurs numériques autres que des nombres à virgule flottante. Est-il, peut-être, un autre input type qui fait ça?

Answer 1

Vous pouvez le faire `` . Cela entraînera le clavier numérique à comparaître.

Voir ici pour plus de détails : texte, Web et modifier le Guide de programmation pour iOS

Answer 2

J'ai trouvé que, au moins pour le "code secret"-comme des champs, de faire quelque chose comme <input type="tel" /> finit par produire les plus authentiques nombredomaine, et il a également l'avantage de ne autoformatting. Par exemple, dans une application mobile que j'ai développé pour Hilton récemment, j'ai fini par aller avec ceci:

... et mon client a été très impressionné.

Answer 3

À l’aide de la ou vous donnera un clavier sur certains téléphones, au moins, tels que l’iPhone. Pour les numéros de téléphone, vous pouvez utiliser `` .

Answer 4

Il y a un danger avec l’aide de la `` pour faire apparaître le clavier numérique. Sur firefox et chrome, l’expression régulière contenue dans le modèle permet au navigateur valider l’entrée à cette expression. erreurs se produisent si elle ne correspond pas au modèle ou est vide. Être au courant des actions involontaires dans d’autres navigateurs.

Answer 5

Je pense que est le meilleur pour la page de web sémantique. Si vous voulez juste changer le clavier, vous pouvez utiliser ou `` . Dans les deux cas, iPhone ne limite pas l’entrée d’utilisateur. Utilisateur peut encore tapez (ou collez dans) tous les caractères qu’il veut. Le seul changement est le clavier affiché à l’utilisateur. Si vous souhaitez une quelconque restriction en dehors de cela, vous devez utiliser JavaScript.