Placeholder for Multiple Line Text Area

Follow

To have a placeholder text for multiple line text area fields in your forms, you can use this small script below:

WARNING: This script requires jQuery. If you need a hand adding jQuery to your page, you can check our documentation: Installing jQuery on your Landing Page

Step by Step

  • Make sure you have a multiline text are on your form.
  • Copy and Paste the text below as a Javascript Script, select to apply the script after body tag.
  •      <script>
              $(document).ready(function () {
                  $('form').find("input[type=textarea], textarea").each(function (ev) {
                      if (!$(this).val()) {
                          $(this).attr("placeholder", "Type the placeholder text here!!!");
                      }
                  });
              });
          </script>
  • Change the Type the placeholder text here!!! to your desired placeholder text.
  • Save and Republish your page.

Check out an example page here: https://tst.brunagarcia.tk/multi-line-placeholder/