¿Está bien usar <input type = “tel” /> ahora?

107

Estoy trabajando en una aplicación web para teléfonos móviles y tengo varios campos de texto de los que podría beneficiarse <input type="tel"/>. Los iPhones ajustarán el teclado para el usuario, pero me preocupa romper la compatibilidad con versiones anteriores. Lo que espero es que los navegadores / teléfonos que admiten esto puedan ayudar al usuario y a otros navegadores a recurrir a un campo de texto estándar. ¿Es esta una práctica aceptable? ¿Funciona siquiera?

html mobile-website backwards-compatibility Miguel
fuente
Desafortunadamente, el navegador Opera Mobile mostrará un campo de entrada de texto normal, con el teclado QWERTY normal en lugar del numérico.
andreszs
Unos años después y ahora tenemos caniuse.com/#feat=input-email-tel-url
John Magnolia
Creo que la MEJOR referencia es MDN
T04435

Respuestas:

130

Sí, cualquier tipo no admitido volverá al formato 'tipo = texto'.

Encontré una buena página que enumera todos los tipos de entrada existentes. Intenté mirarlo desde diferentes navegadores, un poco interesante. No sé si te ayudará o no.

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

animuson
fuente
1
Probé usando browserstack en ie 7, 8, 9 en un proyecto y todo estaba predeterminado para escribir texto.
JAMESSTONEco
@animuson. No estoy seguro de cómo contactarlo, así que perdone esta intrusión fuera de tema en su respuesta. Por favor, vea mi metapublicación sobre la eliminación de mi tema hoy. Gracias por tu tiempo.
MarkE
buen enlace .. gracias
deemi-D-nadeem
22

Los navegadores recurrirán a type = "text" cuando encuentren un tipo de entrada no compatible. Entonces creo que está bien usar type = "tel".

el.pescado
fuente
15

Respuesta corta: sí. Como menciona @ el.pescado, los navegadores retroceden type=textcuando no entienden el tipo. Para obtener más información sobre las otras características interesantes que obtiene de los formularios HTML5, consulte A Form of Madness , que es el capítulo de formularios en Dive Into HTML5.

Hank Gay
fuente