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?

html mobile-website backwards-compatibility

— Michael
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

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
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
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
source