¿Cuál es la forma más fácil de determinar si `<input type =" email "...» (por ejemplo) es compatible con el navegador actual?

Question

Con HTML5, el siguiente marcado es suficiente para que el navegador maneje la validación de entrada para uno.

Se verificará la entrada está emparejando un formato de dirección de correo electrónico, así como que en realidad siempre:

<input id="email" name="email" type="email" placeholder="Email address" required/> 

No hay necesidad de conectar en hechos, ni para el cuadro de entrada ni para el botón de enviar , bien.

Estoy buscando una forma de decidir si el navegador ya soporta esta funcionalidad o yo debería manejar la validación de entrada yo mismo.

Me pregunto si hay una manera de hacerlo, o mantendré una tabla con todas las posibles combinaciones de marcas y versiones y la bandera compatible.

Answer 1

Como se ha mencionado por @deceze, la técnica de detección se describe en here y la herramienta es modernizr

if (!Modernizr.inputtypes.email) { 
    // no native support for <input type="email"> :(
    // maybe build one yourself with Dojo or jQueryUI 
} 

Answer 2

puede comprobar el tipo de entrada de la biblioteca de Modernizr como se ha mencionado por la 'Tzury', pero aquí está la lista de navegadores y sus versiones que admiten los nuevos elementos de entrada html5.

El soporte del navegador para formularios HTML5 está creciendo, pero es limitado. Parece que muchos proveedores de navegadores además de Opera aún no han puesto un esfuerzo significativo en sus nuevos controles de formulario. Sin embargo, los navegadores WebKit recientemente han aumentado el soporte para formularios, tal vez debido a la introducción del iPhone y su pantalla de teclado virtual, como veremos en breve. Se están introduciendo características más avanzadas como la validación. La Tabla 7-1 resume el estado actual del soporte de Formularios HTML5 hoy.

Comprobación de soporte de los navegadores es menos útil en el contexto de las nuevas formas de HTML5, ya que han sido diseñados para poder funcionar fácilmente en los navegadores antiguos. En gran medida, esto significa que es seguro para usted utilizar los nuevos elementos hoy en día, ya que los navegadores más antiguos recurrirán a pantallas de campos de texto simples para cualquier tipo de entrada que no entiendan.

Para referencia se puede comprobar este libro en Amazon Apress Pro HTML5 Programming Sep 2010