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=’请输入您的用户名’");
}
{
textbox1.Attributes.Add("onfocus", "if (this.value==’请输入您的用户名’) this.value=”");
textbox1.Attributes.Add("onblur", "if (this.value==”) this.value=’请输入您的用户名’");
}
如果仅需要实现鼠标点击，文字消失，这种情况鼠标移开，不会恢复默认文本，代码如下：
protected void Page_Load(object sender, EventArgs e)
{
textbox1.Attributes.Add("onclick", "if (this.value==’请输入您的用户名’) this.value=”;");
}
{
textbox1.Attributes.Add("onclick", "if (this.value==’请输入您的用户名’) this.value=”;");
}
效果预览：网站首页右边综合搜索文本框进行点击查看
注：cs页面中的textbox1为textbox的id，控件id更换，此处id也必须更换，value后面的文字必须与文本框中的文字相同
本博文章基本上属于原创或收集整理，都是心血结晶。
欢迎转载分享，转载请注明出处，谢谢！
本文地址：Textbox实现点击文本消失(移开恢复)
一条评论
向衡哥学习。