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>