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

时间:2024-01-03 17:57:32

代码如下:

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

  

解析:

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

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>