Textbox实现点击文本消失(移开恢复)

作者: unvs 分类: ASP.NET 发布时间: 2011-04-27 01:16 ė12,572 views 61条评论

现在越来越多的输入提示都是直接应用在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=’请输入您的用户名’");

    }
如果仅需要实现鼠标点击,文字消失,这种情况鼠标移开,不会恢复默认文本,代码如下:
protected void Page_Load(object sender, EventArgs e)
    {
        textbox1.Attributes.Add("onclick", "if (this.value==’请输入您的用户名’) this.value=”;");
    }

效果预览:网站首页右边综合搜索文本框进行点击查看
注:cs页面中的textbox1为textbox的id,控件id更换,此处id也必须更换,value后面的文字必须与文本框中的文字相同

 

本博文章基本上属于原创或收集整理,都是心血结晶。
欢迎转载分享,转载请注明出处,谢谢!
本文地址:Textbox实现点击文本消失(移开恢复)

一条评论

  1. 阿呆 2011 年 4 月 28 日 下午 12:46 回复

    向衡哥学习。

    cyheng 于 2011-04-29 22:04:19 回复

    互相学习…

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ɣ回顶部