表单的密码输入框,默认能够显示html怎样设置文本框输入输出value值,当获取焦点时,就不显示默认的value值,当失去焦点时,就又变回来原来的默认的value,并显示该文字
方法:
第一种:
给这个密码输入框 <input /> 的 type 属性默认设置为 type=”text” ,然后当这个输入框被点击或者获取焦点时,就将这个 type=”text” 的属性改变为: type=”password” ,并将当前的 value 值设置为空;
当当前的 input 失去焦点时,就将当前的 input 的 type=”password” 的值改变为 type=”text”,并将value的值设置为: value=”密码”,整个效果就有了。
第二种:
再在当前的input上面多加一个input ,这个input的type属性也是 type=”text”,然后,value=”密码”,将这个input的位置绝对定位到密码输入框的同一个位置,然后将 密码输入框
的input设置为隐藏(最好是透明为0,让它透明。不建议使用display:none;),然后当这个type=”text”的input,被点击时,就display:none 掉,这里就建议用 display:none ; 然后将密码输入框的input 的透明设置为不透明。
然后,当密码输入框的失去焦点时,再反过来执行之前的操作。
<input type=”text” value=”密码” class=”psw” />
第一种方法的js:
var o_psw = ElementsByClass(‘psw’)[0];
focus = function(){
pe = “password”;
this.value = “”;
}
blur = function(){
pe = “text”;
this.value = “密码”;
}
这种方法呢,在火狐、谷歌、360的极速模式、ie9都可以实现了,ie8、7、6都不行,这是因为在ie中,如果input 已经存在页面中,该input的type属性是不能修改的,因为此时的type属性时只读属性。
所以,现在就只能使用第二种方法了。(可参考共享里面的:20150107-YZZ 969g 15666通行证 , 这个登录页面)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论