{"id":49515,"date":"2015-10-11T08:05:00","date_gmt":"2015-10-10T23:05:00","guid":{"rendered":"https:\/\/contactform7.com\/?page_id=49515"},"modified":"2023-10-30T08:31:30","modified_gmt":"2023-10-29T23:31:30","slug":"can-i-add-text-labels-to-input-fields","status":"publish","type":"page","link":"https:\/\/contactform7.com\/es\/faq\/can-i-add-text-labels-to-input-fields\/","title":{"rendered":"\u00bfPuedo a\u00f1adir etiquetas de texto a los campos de entrada?"},"content":{"rendered":"\n\n\n\n<p>S\u00ed. Puedes utilizar texto en combinaci\u00f3n con c\u00f3digo HTML en una plantilla de formulario. Prueba a utilizar un elemento <code>label<\/code> como este:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;label&gt;\n  Tu nombre [text* tu-nombre]\n&lt;\/label&gt;<\/pre>\n\n\n\n<p>Tambi\u00e9n puede separar la etiqueta de texto y la etiqueta de formulario. En este caso, debes a\u00f1adir el atributo <code>for<\/code> al elemento <code>label<\/code>. El valor del atributo <code>for<\/code> se refiere al valor de la opci\u00f3n <code>id<\/code> en la etiqueta de formulario asociada:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><label for=\"namefield\">&lt;label for=\"<strong>nombre<\/strong>\"&gt;Tu nombre&lt;\/label&gt;<\/label>\n\n[text* tu-nombre id:<strong>nombre<\/strong>]<\/pre>\n\n\n\n<p>Ten cuidado al a\u00f1adir etiquetas a <a href=\"https:\/\/contactform7.com\/es\/checkboxes-radio-buttons-and-menus\/\">casillas de verificaci\u00f3n o botones de selecci\u00f3n \u00fanica<\/a>. Un elemento <code>label<\/code> no debe contener m\u00faltiples controles de formulario.<\/p>\n\n\n\n<p>Por ejemplo, <em>no puedes<\/em> hacer esto (porque una etiqueta <code>[checkbox]<\/code> como esta generar\u00e1 tres casillas de verificaci\u00f3n):<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;label&gt;\n  Tu pa\u00eds [checkbox tu-pais \"Espa\u00f1a\" \"M\u00e9xico\" \"Venezuela\"]\n&lt;\/label&gt;<\/pre>\n\n\n\n<p>En su lugar, usa la opci\u00f3n <a href=\"http:\/\/contactform7.com\/es\/checkboxes-radio-buttons-and-menus\/#checkbox-radio\"><code>use_label_element<\/code><\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[checkbox tu-pais <strong>use_label_element<\/strong> \"Espa\u00f1a\" \"M\u00e9xico\" \"Venezuela\"]<\/pre>\n\n\n\n<p>El plugin Contact Form 7 actualmente utiliza elementos <code>label<\/code> en su plantilla de formulario por defecto, pero su uso es limitado (necesitamos equilibrar la simplicidad y la accesibilidad en los ajustes por defecto). Si deseas que la plantilla de formulario por defecto utilice elementos <code>label<\/code> de manera m\u00e1s potente, te recomendamos el plugin de extensi\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7-accessible-defaults\/\">Contact Form 7: Accessible Defaults<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ver tambi\u00e9n<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/contactform7.com\/es\/configuration-errors\/multiple-controls-in-label\/\">Hay varios controles de formulario en un solo elemento de etiqueta.<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>S\u00ed. Puedes utilizar texto en combinaci\u00f3n con c\u00f3digo HTML en una plantilla de formulario. Prueba a utilizar un elemento label como este: &lt;label&gt; Tu nombre [text* tu-nombre] &lt;\/label&gt; Tambi\u00e9n puede separar la etiqueta de texto y la etiqueta de formulario. En este caso, debes a\u00f1adir el atributo for al elemento label. El valor del atributo &hellip; <a href=\"https:\/\/contactform7.com\/es\/faq\/can-i-add-text-labels-to-input-fields\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">\u00bfPuedo a\u00f1adir etiquetas de texto a los campos de entrada?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":34956,"menu_order":290,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"es_ES","_original_post":"15906","footnotes":""},"class_list":["post-49515","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\/49515","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=49515"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/pages\/49515\/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=49515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}