{"id":76379,"date":"2016-09-29T10:23:41","date_gmt":"2016-09-29T14:23:41","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76379"},"modified":"2016-11-16T10:23:37","modified_gmt":"2016-11-16T15:23:37","slug":"js-animated-change-placeholders-required-field-notices-rd-mailform","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-change-placeholders-required-field-notices-rd-mailform.html","title":{"rendered":"JS Animated. How to change placeholders and required field notices in RD Mailform"},"content":{"rendered":"<p>This tutorial shows how to change placeholders and required field notices in <strong>RD Mailform<\/strong> in <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\" title=\"Website Templates\"><strong>HTML<\/strong> templates<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/4UT73mBLV2A\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li>\r\n\t\t<p><strong>Placeholder<\/strong>:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1-300x281.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1\" width=\"300\" height=\"281\" class=\"alignnone size-medium wp-image-76381\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1-300x281.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1-150x141.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-1.png 436w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t<ol>\r\n\t\t\t<li>\r\n\t\t\t\t<p>Connect to <strong>FTP<\/strong> or the hosting <strong>cPanel<\/strong> to open <strong>File Manager<\/strong>.<\/p>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p>Open the <strong>HTML<\/strong> file of the index page that you&#8217;re working with. For example, <strong>index.html<\/strong> in this case. <\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2-293x300.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2\" width=\"293\" height=\"300\" class=\"alignnone size-medium wp-image-76382\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2-293x300.png 293w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2-147x150.png 147w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-2.png 404w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p>You can search directly for the <strong>placeholder<\/strong> text and edit it. After the editing is completed, <strong>Save<\/strong> the file.<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3-300x100.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3\" width=\"300\" height=\"100\" class=\"alignnone size-medium wp-image-76383\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3-300x100.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3-150x50.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3-768x257.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-3.png 979w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p>Refresh the page to check the result.<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4-246x300.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4\" width=\"246\" height=\"300\" class=\"alignnone size-medium wp-image-76384\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4-246x300.png 246w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4-123x150.png 123w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-4.png 454w\" sizes=\"(max-width: 246px) 100vw, 246px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p><strong>Field required notices<\/strong>:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5-269x300.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5\" width=\"269\" height=\"300\" class=\"alignnone size-medium wp-image-76385\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5-269x300.png 269w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5-135x150.png 135w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-5.png 388w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/a>\r\n\t\t<ol>\r\n\t\t\t<li>\r\n\t\t\t\t<p>Open <strong>js<\/strong> folder under the root directory, and open<strong> script.js<\/strong> file to edit. <\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6-300x120.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6\" width=\"300\" height=\"120\" class=\"alignnone size-medium wp-image-76386\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6-300x120.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6-150x60.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-6.png 446w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p>You can search for the text to edit it directly. Then, <strong>Save<\/strong> the file.<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7-300x245.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7\" width=\"300\" height=\"245\" class=\"alignnone size-medium wp-image-76387\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7-300x245.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7-150x122.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-7.png 569w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p>Refresh the page to see the new text.<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8-300x244.png\" alt=\"JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8\" width=\"300\" height=\"244\" class=\"alignnone size-medium wp-image-76380\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8-300x244.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8-150x122.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/JS_Animated-How_to_change_placeholders_and_required_field_notices_in_RD_Mailform-8.png 371w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=4UT73mBLV2A?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. How to change placeholders and required field notices in RD Mailform<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to change placeholders and required field notices in <strong>RD Mailform<\/strong> in <strong>HTML<\/strong> templates.<\/p>\n","protected":false},"author":69,"featured_media":76388,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[497,2415,1880,2073],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76379"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76379"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76379\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76388"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}