js实现placeholder效果

<form name="testForm" action="" method="">
      <input type="text" name="hotGoods" class="text1">
</form>

<script type="text/javascript">
          $(document).ready(function() {
            $("input.text1").val('请输入您要搜索的内容').css('color','#ccc');
            textFill($('input.text1'));
          });
          function textFill(input){
            var originalvalue = input.val(); //请输入您要搜索的内容
            // console.log(originalvalue);
            input.focus( function(){
              if( $.trim(input.val()) == originalvalue ){
                      input.css('color', '#333');
                      input.val('');
              }
            });
            input.blur( function(){
              if( $.trim(input.val()) == '' ){
                      input.css('color', '#ccc');
                      input.val(originalvalue);
              }
            });
          }
 </script>

 

转载于:https://www.cnblogs.com/hupan508/p/4998001.html