日期:2014-05-18  浏览次数:20419 次

使于输入密码的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='请输入密码'}");
}