<textarea id="myinput"></textarea>
- $(function(){
- var t = $('#myinput'); //获取到文本域对象
- t.css("color","#A9A9A9"); //设置文本域的样式
- t.val("请输入内容"); //设置默认显示文字
- var default_value = t.val(); //把默认显示的文字赋给一个变量
- t.focus(function() { //当鼠标点击文本域时修改文本域的样式,判断文本域内的文字是否等于默认值,如果等于就把文本域内设空
- t.css("color","black");
- if (t.val() == default_value) {
- t.val('');
- }
- });
- t.blur(function() { //当文本域失去鼠标焦点时判断文本域中的值是否为空,如果为空就把文本域的值设置为默认显示的文字并修改样式
- t.css("color","black");
- if (t.val() == '') {
- t.val(default_value);
- t.css("color","#A9A9A9");
- }
- });
- });