michael2
9/11/2017 - 12:24 AM

Auto Add Placeholder Text to customer enquiry form. This works with our current form generator.

Auto Add Placeholder Text to customer enquiry form. This works with our current form generator.

autoAdd_placeholderText.js
content_copyfile_download
<script>
  
  $(function(){
    //LOOP OVER EVERY FORM ROW
    $(".siteBottom #enquiry .enqRow").each(function(){
        //GET .enqLeft TEXT
        var placeHold = $(this).find('.enqLeft').text();
        $(this).find("input[type=text], input[type=email], input[type=tel], textarea").attr("placeholder", placeHold);
    });
});

</script>
autoAdd_placeholderText.css
content_copyfile_download
/*-----Placeholder Styles-----*/

.siteBottom #enquiry ::-webkit-input-placeholder {
  color: black;
  opacity: 0.6;
}

.siteBottom #enquiry :-moz-placeholder {
  color: black;
  opacity: 0.6;
}

.siteBottom #enquiry ::-moz-placeholder {
  color: black;
  opacity: 0.6;
}

.siteBottom #enquiry :-ms-input-placeholder {
  color: black;
  opacity: 0.6;
}