在文本框控制textbox中实现鼠标点击文本消失

时间:2015/12/2 14:44:00来源:互联网 作者:flyso 点击: 903 次

在网页设计中,对于一些输入框的输入字符会有一些提示,那么在设计过程中将提示显示在输入框中无非是一种方法,那么用户要在已经有了文字的输入框中输入自己的相关信息的时候要清除原有内容,这样会略显繁琐,有没有能够鼠标点到输入框的时候文字自动消失呢?

当然有,下面就让我们看看在asp.net 2.0环境下面怎么去实现这个功能:

1、在aspx页面中的文本框控件

<asp:TextBox ID="textbox1" runat="server">请输入您的用户名</asp:TextBox>


2、在相关的cs页面中输入以下红色的代码

protected void Page_Load(object sender, EventArgs e)
    {
        textbox1.Attributes.Add("onclick", "if (this.value=='请输入您的用户名') this.value='';");
    }


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


Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3