Puis-je utiliser <input type = "tel" /> maintenant?

107

Je travaille sur une application Web pour téléphone mobile et j'ai plusieurs champs de texte qui pourraient en bénéficier <input type="tel"/>. Les iPhones ajusteront le clavier pour l'utilisateur, mais je crains de rompre la compatibilité ascendante. J'espère que les navigateurs / téléphones qui prennent en charge cela peuvent aider l'utilisateur et que les autres navigateurs reviendront à un champ de texte standard? Est-ce une pratique acceptable? Ça marche même?

Michael
la source
Malheureusement, le navigateur Opera Mobile affichera un champ de saisie de texte normal, avec le clavier QWERTY normal au lieu du clavier numérique.
andreszs
Quelques années plus tard et nous avons maintenant caniuse.com/#feat=input-email-tel-url
John Magnolia
Je pense que la MEILLEURE référence est MDN
T04435

Réponses:

130

Oui, tout type non pris en charge reviendra au format «type = texte».

J'ai trouvé une bonne page qui répertorie tous les types d'entrée existants. J'ai essayé de le regarder à partir de différents navigateurs, un peu intéressant. Je ne sais pas si cela vous aidera ou non.

http://miketaylr.com/pres/html5/forms2.html

animuson
la source
1
J'ai testé en utilisant Browserstack sur ie 7, 8, 9 sur un projet et tout par défaut pour taper du texte.
JAMESSTONEco
@animuson. Je ne sais pas comment vous contacter alors pardonnez cette intrusion hors sujet sur votre réponse. Veuillez consulter mon metamessage concernant la suppression de mon sujet aujourd'hui. Merci pour votre temps.
markE
nice link ..
thanx
22

Les navigateurs reviendront à type = "text" lorsqu'ils rencontrent un type d'entrée non pris en charge. Donc, je pense que vous pouvez utiliser type = "tel".

el.pescado
la source
15

Réponse courte: oui. Comme le mentionne @ el.pescado, les navigateurs retombent type=textlorsqu'ils ne comprennent pas le type. Pour plus d'informations sur les autres fonctionnalités intéressantes que vous obtenez des formulaires HTML5, consultez A Form of Madness , qui est le chapitre sur les formulaires dans Dive Into HTML5.

Hank Gay
la source