您的位置:首页 > 编程语言 > ASP

asp .net textbox实现点击文本消失

2012-11-27 01:28 567 查看


现在越来越多的输入提示都是直接应用在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后面的文字必须与文本框中的文字相同!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: