<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" value="请输入姓名" id="J_xingming" /> </body> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("#J_xingming").focus(function(){//姓名框获得鼠标焦点 var txt_value = $(this).val() ;//得到当前文本框的值 if(txt_value=='请输入姓名'){ $(this).val("");//如果符合条件，则清空文本框内容 } }); $("#J_xingming").blur(function(){//姓名框失去鼠标焦点 var txt_value = $(this).val() ;//得到当前文本框的值 if(txt_value==''){ $(this).val("请输入姓名");//如果符合条件，则设置内容 } }); }); </script> </html>
效果图：
