Placeholder texts to input fields

If you would like to add placeholder texts to input fields in Webflow, such as the checkout form you can use my quick solution here.

Steps:

  1. Add a data attribute to all input fields that should use a placeholder text.

Screenshot 2021-09-16 at 09.40.31

  1. Add this script snippet to the page (or the project).
<script>
  $(document).ready(function(){
    $('input').each(function(index) {
  		$(this).attr("placeholder", $(this).attr("data-placeholder"));	
		});
  });
</script>

Here is my site Read-Only: LINK
(how to share your site Read-Only link)