解决浏览器记住密码后影响表单的问题

最新推荐文章于 2023-11-27 16:06:10 发布

blueBings

最新推荐文章于 2023-11-27 16:06:10 发布

阅读量502

点赞数

分类专栏： js 文章标签：记住密码

本文链接：https://blog.csdn.net/mentalitys/article/details/85006238

版权

js 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

用户登录时用户选择记住密码后，在需要用到表单输入框类型为password时，会有历史记录。这是浏览器的自身的问题。我们需要自己解决，网上找了 autocomplete="off" 的用法，这种只是对单个input有效，如果是password 没有作用的，需要结合js来处理。

html：

<input type="password" id="pwd" name="pwd_login"  placeholder="登录密码" readonly="true" style="display:none" autocomplete="off" /> 
<input type="text" id="hidePwd" placeholder="登录密码" autocomplete="off"/>

js:

$("#hidePwd").on('focus', function () { 
/*当前文本框隐藏*/ 
$(this).hide(); 
/*隐藏的密码框显示并且获取焦点 只读属性去掉*/ 
$('#pwd').show().attr('readonly', false).focus(); 
});