{"id":16096,"date":"2023-08-12T12:34:08","date_gmt":"2023-08-12T19:34:08","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=7762"},"modified":"2025-05-21T13:23:06","modified_gmt":"2025-05-21T17:23:06","slug":"campos-de-formulario-personalizados-com-texto-de-espaco-reservado","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/docs\/placeholder-text-custom-form-fields\/","title":{"rendered":"Adicionar texto de espa\u00e7o reservado a campos de formul\u00e1rios personalizados"},"content":{"rendered":"

O texto de espa\u00e7o reservado \u00e9 o texto que aparece em um campo antes de o usu\u00e1rio inserir dados. Normalmente, esse texto d\u00e1 um exemplo do que o usu\u00e1rio digitaria no campo ou permite que o usu\u00e1rio saiba o que o campo deve conter. Por exemplo, para o campo E-mail, voc\u00ea pode colocar a palavra \"E-mail\" ou um exemplo de endere\u00e7o de e-mail.<\/p>\n\n\n\n

MemberMouse changed how placeholders worked in version 3.0.18, so both methods are explained below. <\/p>\n\n\n\n

Versions 3.1.18 and above<\/h2>\n\n\n\n

To add a placeholder to short or long text, or to mark the initial entry of a dropdown, a placeholder can be added in this fashion:<\/p>\n\n\n\n

[MM_Form_Field type='custom' id='3' isRequired='false' placeholder='Please enter your Untitled 1' class='']<\/code><\/pre>\n\n\n\n
Replace the ID with the appropriate ID to add the desired placeholder. <\/p>\n\n\n\n
<\/p>\n\n\n\n
Versions 3.1.17 and below<\/h2>\n\n\n\n
Como o 'customAttributes=placeholder<\/a>‘ approach will not work for custom field types on these versions, if you want to add placeholder text to those custom fields on your form you can include the following code in checkout page content.<\/p>\n\n\n\n
No exemplo abaixo, usamos campos personalizados com ID 1 e ID 2 como exemplo; voc\u00ea precisar\u00e1 alterar o \"1\" e o \"2\" abaixo para o ID correto do seu campo personalizado para que isso funcione:<\/p>\n\n\n\n
<\/div>\n\n\n\n
<script>\njQuery(function() {\njQuery('#mm_custom_field_1').attr('placeholder', 'PLACEHOLDERHERE');\njQuery('#mm_custom_field_2').attr('placeholder', 'PLACEHOLDERHERE');\n});\n<\/script><\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
Observa\u00e7\u00e3o<\/strong>O editor padr\u00e3o do WordPress restringe a tag . Voc\u00ea precisar\u00e1 usar o m\u00e9todo de sua escolha para inserir o c\u00f3digo acima em seu conte\u00fado. Scripts e estilos<\/a> \u00e9 um exemplo de um plug-in de terceiros que permite adicionar o c\u00f3digo acima a uma p\u00e1gina ou publica\u00e7\u00e3o.<\/p>","protected":false},"excerpt":{"rendered":"
O texto de espa\u00e7o reservado \u00e9 o texto que aparece em um campo antes de o usu\u00e1rio inserir dados. Normalmente, esse texto d\u00e1 um exemplo do que o usu\u00e1rio digitaria no campo,...<\/p>","protected":false},"author":20918,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[138],"ht-kb-tag":[],"class_list":["post-16096","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-tips-tricks"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t