读书人

使于输入密码的textBox中显示默认提示

发布时间: 2012-04-27 11:57:44 作者: rapoo

使于输入密码的textBox中显示默认提示
想在用于输入密码的textBox中显示默认提示“请输入密码”,获得焦点后,提示隐藏,

C# code
 protected void Page_Load(object sender, EventArgs e)    {        TextBoxLoginName.Attributes.Add("onfocus","if(this.value=='请输入登录名'){this.value=''}" );        TextBoxLoginName.Attributes.Add("onblur", "if(this.value==''){this.value='请输入登录名'}");        TextBoxPassword.Attributes.Add("value", "请输入密码");        TextBoxPassword.Attributes.Add("onfocus", "if(this.value=='请输入密码'){this.value=''}");        TextBoxPassword.Attributes.Add("onblur", "if(this.value==''){this.value='请输入密码'}");       }

但是TextBox的TextMode属性被设置为Password,所以默认提示会显示为“.......”,请问该怎么解决呢?

[解决办法]
探讨

我是新手,对Jquery还不太了解,就没有别的解决方法了吗?如果在TextBox中方个label控件,讲提示写在label控件上,获取焦点时,提示的颜色变浅,该如何实现呢?引用:

用Jquery实现很简单

[解决办法]
HTML 5中有placehold这个属性,或者有jquery的插件
http://phoetry.me/archives/jquery-placeholder.html
当然还可以自己来实现
[解决办法]
https://github.com/danielstocks/jQuery-Placeholder
[解决办法]
你的代码这样改即可
protected void Page_Load(object sender, EventArgs e)
{
TextBoxLoginName.Attributes.Add("onfocus","if(this.value=='请输入登录名'){this.type='password';this.value=''}" );
TextBoxLoginName.Attributes.Add("onblur", "if(this.value==''){this.type='text';this.value='请输入登录名'}");
TextBoxPassword.Attributes.Add("value", "请输入密码");
TextBoxPassword.Attributes.Add("onfocus", "if(this.value=='请输入密码'){this.type='password';this.value=''}");
TextBoxPassword.Attributes.Add("onblur", "if(this.value==''){this.type='text';this.value='请输入密码'}");
}

读书人网 >asp.net

热点推荐