textbox控件实现点击文本自动消失

     现在越来越多的输入提示都是直接应用在textbox里面,当鼠标点击的时候,默认文字消失,这种效果在以前的一篇文章里面写过,请参见《在textbox中实现鼠标点击文本消失》,那篇文章里面讲到的方法只能实现鼠标点击,文字消失,当鼠标点击textbox以外,同时textbox又并没有输入任何字符的时候,默认文本是回不来的,下面我们就改变一下,让默认文本回来!

    1、aspx页面中的文本框控件
<asp:TextBox ID="textbox1" runat="server">请输入您的用户名</asp:TextBox>


      2、在相关的cs页面中输入以下红色的代码
protected void Page_Load(object sender, EventArgs e)
    {
        textbox1.Attributes.Add("onfocus", "if (this.value=='请输入您的用户名') this.value=''");
        textbox1.Attributes.Add("onblur", "if (this.value=='') this.value='请输入您的用户名'");

    }


注:cs页面中的textbox1为textbox的id,控件id更换,此处id也必须更换,value后面的文字必须与文本框中的文字相同!

      好了,这就可以实现我们想要的效果了!
posted @ 2009-08-13 18:05  海√鳥  阅读(1278)  评论(0编辑  收藏  举报