码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET中页面加载时文本框(texbox控件)内有文字获得焦点时文字消失

时间:2015-02-25 16:47:13      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:

代码如下:

 

<asp:TextBox ID="TextBox1" runat="server" Height="26px" MaxLength="10" Width="166px" Text="请输入用户名" OnFocus="javascript:if(this.value==‘请输入用户名‘) {this.value=‘‘;this.style.color=‘#000000‘}"
OnBlur="javascript:if(this.value==‘‘){this.value=‘请输入用户名‘;this.style.color=‘#808080‘}" ForeColor="#808080"> </asp:TextBox>

  

解析:

技术分享

1·页面加载完成后文本框显示的内容

2·文本框触发焦点后,清空文本框中原有的文字,并改变字体颜色(也可以添加格式)

3·焦点离开后,判断文本框中是否有内容,无内容则恢复初始字体及格式

4·页面加载时文本框中字体的颜色

 

 

密码框代码:

<asp:TextBox ID="TextBox2" runat="server" Height="26px" Width="166px" Text="只限数字或字母的组合" OnFocus="javascript:if(this.value==‘只限数字或字母的组合‘) {this.value=‘‘;this.style.color=‘#000000‘;this.type=‘password‘}"
OnBlur="javascript:if(this.value==‘‘){this.type = ‘text‘;this.value=‘只限数字或字母的组合‘;this.style.color=‘#808080‘}" ForeColor="#808080"></asp:TextBox>

  

 

  

ASP.NET中页面加载时文本框(texbox控件)内有文字获得焦点时文字消失

标签:

原文地址:http://www.cnblogs.com/hqjy/p/4299693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!