jQuery实现文本域内提示文字，当鼠标点击进文本域后自动消失，文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。

<textarea id="myinput"></textarea>

1. $(function(){  
2.                 var t = $('#myinput'); //获取到文本域对象  
3.                 t.css("color","#A9A9A9"); //设置文本域的样式  
4.                 t.val("请输入内容"); //设置默认显示文字  
5.                 var default_value = t.val(); //把默认显示的文字赋给一个变量  
6.                   
7.                 t.focus(function() {  //当鼠标点击文本域时修改文本域的样式，判断文本域内的文字是否等于默认值，如果等于就把文本域内设空  
8.                     t.css("color","black");  
9.                     if (t.val() == default_value) {  
10.                         t.val('');  
11.                     }  
12.                 });  
13.   
14.                 t.blur(function() { //当文本域失去鼠标焦点时判断文本域中的值是否为空，如果为空就把文本域的值设置为默认显示的文字并修改样式  
15.                     t.css("color","black");  
16.                     if (t.val() == '') {  
17.                         t.val(default_value);  
18.                         t.css("color","#A9A9A9");  
19.                     }  
20.                 });  
21.   
22.             });