1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <title>无标题文档</title>
6 <style type="text/css">
7 input{ color:#CCC;}
8 .class01{ color:#000;}
9 </style>
10 <script type="text/javascript" src="jquery-1.11.2.min.js"></script>
11 <script type="text/javascript">
12 $(function(){
13 $('input').focus(function(e) {
14 if($(this).val()=='请输入搜索内容')
15 $(this).val('').addClass('class01');
16 });
17 $('input').blur(function(e) {
18 if($(this).val()==''){
19 $(this).val('请输入搜索内容').removeClass();
20 }
21 });
22 })
23 </script>
24 </head>
25
26 <body>
27 <input type="text" value="请输入搜索内容">
28 </body>
29 </html>
