Placeholder for Multiple Line Text Area


#1

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

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://try.cooldomain.ml/multi-line-placeholder/ .