¿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?


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


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".


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.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.