{"id":49310,"date":"2023-10-03T10:04:48","date_gmt":"2023-10-03T01:04:48","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=49310"},"modified":"2023-10-03T10:04:48","modified_gmt":"2023-10-03T01:04:48","slug":"does-contact-form-7-support-html5-input-types","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/faq\/does-contact-form-7-support-html5-input-types\/","title":{"rendered":"\u00bfContact Form 7 es compatible con tipos de entrada HTML5?"},"content":{"rendered":"\n\n\n\n<p>S\u00ed. La versi\u00f3n 3.4 de Contact Form 7, y versiones posteriores, son compatibles con etiquetas de formulario correspondientes a estos tipos de entrada HTML5: <a href=\"https:\/\/contactform7.com\/es\/text-fields\/#email\">correo electr\u00f3nico<\/a>, <a href=\"https:\/\/contactform7.com\/es\/text-fields\/#tel\">tel\u00e9fono<\/a>, <a href=\"https:\/\/contactform7.com\/text-fields\/#url\"><em>url<\/em><\/a>,\u00a0<a href=\"https:\/\/contactform7.com\/es\/number-fields\/#number\">n\u00famero<\/a>,\u00a0<a href=\"https:\/\/contactform7.com\/es\/number-fields\/#range\">rango<\/a>\u00a0y <a href=\"https:\/\/contactform7.com\/es\/date-field\/\">fecha<\/a>.<\/p>\n\n\n\n<p>Si no deseas utilizar tipos de entrada HTML5, puedes desactivarlo a\u00f1adiendo el siguiente c\u00f3digo en el archivo <code>functions.php<\/code> de tu tema:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nadd_filter( 'wpcf7_support_html5', '__return_false' );\n<\/pre><\/div>\n\n\n<p>Ten en cuenta que, incluso los navegadores m\u00e1s actuales, soportan parcialmente HTML5. Por ejemplo, la \u00faltima versi\u00f3n de Firefox a\u00fan 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\u00famero (que permite introducir un valor num\u00e9rico 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\u00e9 tipo de valor de entrada espera este campo. Por lo tanto, es mejor esperar a que todos los navegadores soporten completamente todas las caracter\u00edsticas de HTML5.<\/p>\n\n\n\n<p>\u00a1Pero no necesitas esperar! Contact Form 7 ofrece una mejor soluci\u00f3n. Contact Form 7 puede proporcionar un respaldo basado en jQuery UI para los campos de entrada de fecha y n\u00famero. Al utilizar esta soluci\u00f3n, 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\u00famero, respectivamente, incluso con Firefox o Internet Explorer.<\/p>\n\n\n\n<p>Por defecto, esta funci\u00f3n alternativa est\u00e1 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\u00famero. Si utilizas los campos de entrada de fecha o n\u00famero, y deseas utilizar esta funci\u00f3n alternativa basada en jQuery UI, a\u00f1ade el siguiente c\u00f3digo al archivo <code>functions.php<\/code> de tu tema y activa la caracter\u00edstica:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nadd_filter( 'wpcf7_support_html5_fallback', '__return_true' );\n<\/pre><\/div>\n\n\n<p>Ver tambi\u00e9n: <a href=\"http:\/\/contactform7.com\/es\/loading-javascript-and-stylesheet-only-when-it-is-necessary\/\">Cargar el JavaScript y la hoja de estilos solo cuando sea necesario<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00ed. La versi\u00f3n 3.4 de Contact Form 7, y versiones posteriores, son compatibles con etiquetas de formulario correspondientes a estos tipos de entrada HTML5: correo electr\u00f3nico, tel\u00e9fono, url,\u00a0n\u00famero,\u00a0rango\u00a0y fecha. Si no deseas utilizar tipos de entrada HTML5, puedes desactivarlo a\u00f1adiendo el siguiente c\u00f3digo en el archivo functions.php de tu tema: Ten en cuenta que, incluso &hellip; <a href=\"https:\/\/contactform7.com\/es\/faq\/does-contact-form-7-support-html5-input-types\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">\u00bfContact Form 7 es compatible con tipos de entrada HTML5?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":34956,"menu_order":250,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"5735","footnotes":""},"class_list":["post-49310","page","type-page","status-publish","hentry","es-ES"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/comments?post=49310"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49310\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/34956"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=49310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}