¿Contact Form 7 es compatible con tipos de entrada HTML5?

This page is also available in English.

Sí. La versión 3.4 de Contact Form 7, y versiones posteriores, son compatibles con etiquetas de formulario correspondientes a estos tipos de entrada HTML5: correo electrónico, teléfono, urlnúmerorango y fecha.

Si no deseas utilizar tipos de entrada HTML5, puedes desactivarlo añadiendo el siguiente código en el archivo functions.php de tu tema:

add_filter( 'wpcf7_support_html5', '__return_false' );

Ten en cuenta que, incluso los navegadores más actuales, soportan parcialmente HTML5. Por ejemplo, la última versión de Firefox aún no admite el tipo de entrada de fecha (que permite elegir una fecha de una interfaz de usuario de calendario) ni el tipo de entrada de número (que permite introducir un valor numérico de una interfaz de usuario de cuadros selectores), por lo que Firefox proporciona un campo de entrada de texto general como alternativa en lugar de una interfaz de usuario de calendario y cuadros selectores. Esto puede confundir a los usuarios porque no pueden detectar qué tipo de valor de entrada espera este campo. Por lo tanto, es mejor esperar a que todos los navegadores soporten completamente todas las características de HTML5.

¡Pero no necesitas esperar! Contact Form 7 ofrece una mejor solución. Contact Form 7 puede proporcionar un respaldo basado en jQuery UI para los campos de entrada de fecha y número. Al utilizar esta solución, puedes proporcionar una interfaz de usuario de calendario para el campo de fecha y una interfaz de usuario de cuadros selectores para el campo de número, respectivamente, incluso con Firefox o Internet Explorer.

Por defecto, esta función alternativa está desactivada porque carga JavaScript y CSS adicionales (lo que genera un rendimiento deficiente) y solo es necesaria para sitios web que usan campos de entrada de fecha o número. Si utilizas los campos de entrada de fecha o número, y deseas utilizar esta función alternativa basada en jQuery UI, añade el siguiente código al archivo functions.php de tu tema y activa la característica:

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

Ver también: Cargar el JavaScript y la hoja de estilos solo cuando sea necesario

Just another contact form plugin for WordPress. Simple but flexible.