{"id":49307,"date":"2023-10-03T09:46:43","date_gmt":"2023-10-03T00:46:43","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=49307"},"modified":"2023-10-03T09:49:11","modified_gmt":"2023-10-03T00:49:11","slug":"why-does-my-email-address-input-field-look-different","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/faq\/why-does-my-email-address-input-field-look-different\/","title":{"rendered":"\u00bfPor qu\u00e9 el campo de entrada de la direcci\u00f3n de correo electr\u00f3nico se ve diferente a otros campos de entrada de texto?"},"content":{"rendered":"\n\n\n\n<p>En HTML5, el campo de entrada de correo electr\u00f3nico se representa como <code>&lt;input type=\"email\" \/><\/code>. Por otro lado, el campo de entrada de texto se representa como <code>&lt;input type=\"text\" \/><\/code>. Como ver\u00e1s, hay una diferencia en el valor del atributo <code>type<\/code>.<\/p>\n\n\n\n<p>Revisa las hojas de estilo CSS de tu tema, donde deber\u00edas encontrar algunos elementos utilizando el <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/selector.html#attribute-selectors\">selector de atributos<\/a> como el siguiente:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\ninput&#x5B;type=\"text\"]\n{\n\t...\n}\n<\/pre><\/div>\n\n\n<p>Este selector <code>input[type=\"text\"]<\/code> no coincidir\u00e1 con el campo de correo electr\u00f3nico porque este no es del tipo <code>text<\/code>. Si tambi\u00e9n deseas aplicar esta regla de estilo a los campos de correo electr\u00f3nico, a\u00f1ade un selector que coincida con estos campos:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\ninput&#x5B;type=\"text\"],\ninput&#x5B;type=\"email\"]\n{\n\t...\n}\n<\/pre><\/div>\n\n\n<p>Ver tambi\u00e9n: <a href=\"http:\/\/contactform7.com\/es\/styling-contact-form\/\">Aplicando estilos al formulario de contacto<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En HTML5, el campo de entrada de correo electr\u00f3nico se representa como &lt;input type=\u00bbemail\u00bb \/>. Por otro lado, el campo de entrada de texto se representa como &lt;input type=\u00bbtext\u00bb \/>. Como ver\u00e1s, hay una diferencia en el valor del atributo type. Revisa las hojas de estilo CSS de tu tema, donde deber\u00edas encontrar algunos elementos &hellip; <a href=\"https:\/\/contactform7.com\/es\/faq\/why-does-my-email-address-input-field-look-different\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">\u00bfPor qu\u00e9 el campo de entrada de la direcci\u00f3n de correo electr\u00f3nico se ve diferente a otros campos de entrada de texto?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":34956,"menu_order":260,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"5737","footnotes":""},"class_list":["post-49307","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\/49307","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=49307"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49307\/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=49307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}