保存密码后防止用户名密码反显

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_33625560/article/details/54947155

保存用户名密码后，浏览器显示时会找到页面的第一个type=password 的输入框来显示密码，这个输入框的上一个文本输入框显示用户名。但是一些新增，修改页面需要填写密码在密码输入框时，会造成打开页面后反显出保存的信息比如新增页面代码如下：

<label for=''>用户名称:</label>

<input name='usrName' id='usrName' maxlength='15' type='text'>

<label for=''>密码:</label>

<input name='usrPassword' id='usrPassword' maxlength='32' type='password'>

因为密码是password框且保存密码之后 页面显示效果如图下

解决办法：

 $("#usrPassword").focus(function(){
        this.type = "password";
 });

把密码框写成text但是填写密码时再变成password,这样效果基本上和直接写密码框一样

但是当密码框内的信息需要反显时这样做就不可以了

这时候就需要这样

setTimeout(function(){
$("#usrPassword").attr('type',"password");
},1)