Posso usar <input type = “tel” /> agora?

107

Estou trabalhando em um aplicativo da web para celular e tenho vários campos de texto que podem se beneficiar <input type="tel"/>. iPhones ajustam o teclado para o usuário, mas estou preocupado em quebrar a compatibilidade com versões anteriores. O que espero é que os navegadores / telefones que suportam isso possam ajudar o usuário e outro navegador voltará a um campo de texto padrão? Esta é uma prática aceitável? Isso ainda funciona?

html mobile-website backwards-compatibility Michael
fonte
Infelizmente, o navegador Opera Mobile mostrará um campo de entrada de texto normal, com o teclado QWERTY normal em vez do numérico.
andreszs
Alguns anos depois e agora temos caniuse.com/#feat=input-email-tel-url
John Magnolia
Acho que a MELHOR referência é MDN
T04435

Respostas:

130

Sim, qualquer tipo não suportado será revertido para o formato 'type = text'.

Encontrei uma boa página que lista todos os tipos de entrada existentes. Tentei ver em diferentes navegadores, um pouco interessante. Não sei se isso vai te ajudar ou não.

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

animuson
fonte
1
Eu testei usando o browserstack no ie 7, 8, 9 em um projeto e tudo padronizado para digitar texto.
JAMESSTONEco
@animuson. Não tenho certeza de como entrar em contato com você, então perdoe esta intrusão fora do assunto em sua resposta. Por favor, veja minha metapostagem sobre a exclusão do meu tópico hoje. Obrigado pelo seu tempo.
marco de
link legal .. obrigado
deemi-D-nadeem
22

Os navegadores voltarão para type = "text" quando encontrarem um tipo de entrada não compatível. Portanto, acho que está tudo bem usar type = "tel".

el.pescado
fonte
15

Resposta curta: sim. Como @ el.pescado menciona, os navegadores voltam type=textquando não entendem o tipo. Para obter mais informações sobre os outros recursos interessantes que você obtém dos formulários HTML5, consulte A Form of Madness , que é o capítulo sobre formulários em Dive Into HTML5.

Hank Gay
fonte