Estoy trabajando en una aplicación web para teléfonos móviles y tengo varios campos de texto que podrían beneficiarse del <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 lo soportan puedan ayudar al usuario y otro navegador recurra a un campo de texto estándar. ¿Es esta una práctica aceptable? ¿Funciona?¿Está bien usar <input type = "tel" /> ahora?
Respuesta
Sí, cualquier tipo no compatible 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.
Probé utilizando el explorador en ie, 7, 8, 9 en un proyecto y todo lo 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, mira mi publicación 'meta' sobre tu eliminación de mi Tema hoy. Gracias por tu tiempo. – markE
buen enlace .. gracias – deemi
Los navegadores recurrirán a type = "text" cuando encuentren el tipo de entrada no soportado. Entonces creo que está bien usar type = "tel".
Respuesta corta: sí. Como menciona @ el.pescado, los navegadores retroceden al type=text
cuando no entienden el tipo. Para obtener más información acerca de las otras funciones interesantes que obtiene de los formularios HTML5, consulte A Form of Madness, que es el capítulo de formularios en Inmersión en HTML5.
- 1. ¿<input> está bien formado sin <form>?
- 2. Comprensión <input type = "file">
- 3. modelo de caja inconsistente entre <input type = "submit" /> y <type = "text" input />
- 4. Diferencia entre <input type = 'button' /> y <input type = 'submit' />
- 5. HTML <input type = 'archivo'> aplicar un filtro
- 6. Leyendo archivos locales con <input type = "file">?
- 7. ¿Puede EditorFor() usarse para crear <input type = "file">?
- 8. ¿Podemos cambiar <input type = "file"> style?
- 9. jQuery set <input type = "range"> value
- 10. ¿Cómo puedo agregar relleno a <input type = "button">?
- 11. Poner en valor por defecto <input type = archivo ....>
- 12. Relleno adicional en <input type = "text">
- 13. <input type = "file"> - custom styles/css
- 14. Cómo crear <input type = "text" /> dinámicamente
- 15. ¿Cómo seleccionar múltiples archivos con <input type = "file">?
- 16. Cómo estilo <input type = "text"> en IE6 CSS?
- 17. detectar si <input type = "archivo" /> se apoya
- 18. Html helper for <input type = "file" />
- 19. ¿Cómo hacer que <input type = "file" /> editable?
- 20. HTML <input type = 'archivo'> Selección archivo de eventos
- 21. Selector CSS para <input type = "?"
- 22. ¿Por qué `type (myField)` devuelve `<type 'instance'>` y no `<type 'Field'>`?
- 23. Como hacer <span> la misma altura que <input type = "text">
- 24. Problema con <input type = 'text' /> y <textarea> width
- 25. ¿Puede button_to generar <button> etiqueta en lugar de <input type = "submit" />?
- 26. Estilo CSS para un botón: Usar <input type = "button> en lugar de <button>
- 27. ¿por qué <input type = "number" maxlength = "3"> no funciona en Safari?
- 28. ¿Deberíamos poner <input> dentro de <label>?
- 29. ¿Está bien usar iostreams con int como character-type?
- 30. ¿Está bien bloquear en System.Collections.Generic.List <t>?
Desafortunadamente, el navegador Opera Mobile mostrará un campo de entrada de texto normal, con el teclado QWERTY normal en lugar de la numérico. – andreszs
Unos años más tarde y ahora tenemos http://caniuse.com/#feat=input-email-tel-url –
Creo que MEJOR referencia es [MDN] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) – T04435