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

代码如下:

 

<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>

  

 

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。