本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考,具体如下:
思路:
1、首先用把密码框用txt暂时替代,并赋上默认值 2、当文本框获取焦点后,把默认值清空,把type改为password。 3、当文本框失去焦点后,把type改为txt,把默认值设为“请输入密码”。
JS代码:
rush:js;">
window.onload=function(){
var input=document.getElementById('input');
input.onfocus=function(){
if(this.value=='请输入密码'){
this.value='';
this.type='password';
};
};
input.onblur=function(){
if(!this.value){
this.type = 'text';
this.value = '请输入密码';
};
};
};
HTML代码
: 代码如下: