如何实现输入框中默认文本，鼠标点击之后消失？

就像论坛里的评论输入框显示“你来说两句....”,鼠标点击自动消失。
如何实现？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

在TextBox的鼠标点击事件里把TextBox的值清空不就行了。
正解，原理大概就这样。
楼主可以参考如下代码：js特效之input默认值
算了，怕你没分，我帮你把代码复制过来了<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>input默认值设置</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    //集体调用
    $(".form input").each(function(){
        $(this).setDefauleValue();
    });
    //单个调用
    $("#key").setDefauleValue();
})

//设置input,textarea默认值
$.fn.setDefauleValue = function() {
    var defauleValue = $(this).val();
    $(this).val(defauleValue).css("color","#999");

    return this.each(function() {
        $(this).focus(function() {
            if ($(this).val() == defauleValue) {
                $(this).val("").css("color","#000");//输入值的颜色
            }
        }).blur(function() {
            if ($(this).val() == "") {
                $(this).val(defauleValue).css("color","#999");//默认值的颜色
            }
        });
    });
}
</script>
</head>

<body>
<form class="form">
  <input type="text" size="30" value="输入昵称">
  <br>
  <input type="text" size="30" value="输入姓名">
</form>
<br>
<br>
<br>
<input type="text" size="30" id="key" value="输入学员ID、姓名、昵称进行查找">
</body>
</html>
如果是winform,在WndProc里截获WM_PAINT消息,然后判断文本框内是否有文本,为空时将提示文本绘制在框内.
效果如图:
就用text.text=""就行了简单点吧！
楼主要做的事B/S的吧，那就像楼上贴出的代码就可以了，或者使用jQuery的一些插件，很方便，效果很好。
我想应该做的不是C/S的吧~
处理textbox 的鼠标按下和鼠标抬起事件如果是winform的话
不知道楼主要的是WinForm还是WebForm的，既然在这个版块里问就当是WinForm的。
方法有两种
1、简单方法：API
从XP开始，Windows就已经支持这样的效果了，可以通过发送一个EM_SETCUEBANNER消息来设置水印文字。
SendMessage(_editHandle, EM_SETCUEBANNER, (IntPtr)1, "水印文字");
详细说明看这里：http://www.cnblogs.com/effun/archive/2009/08/20/1550643.html
2、复杂方法：截消息
在WndProc中截获WM_PAINT消息，然后判断是否有文字输入，如果没有的话就绘制水印文本。
说明说明看这里：http://www.cnblogs.com/effun/archive/2009/08/19/1550166.html
Dev的textbox控件有water效果，可以直接使用