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后面的文字必须与文本框中的文字相同！

      好了，这就可以实现我们想要的效果了！

转载于:https://www.cnblogs.com/silenkee/articles/1545503.html