css 自动将占位符文本添加到客户查询表单。这适用于我们当前的表单生成器。

Posted 2021-05-13

<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>

/*-----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;
}