去除浏览器自动填充和提示密码功能

本来我没有把这个当回事,因为在我的映像中就是在input标签加上一个  autocomplete="off"

eg:

方法一(是最先想到的也是最简单的)

<input type="password" autocomplete="off" >

方法二(在form内最前面加上隐藏的来接收填充值和提示)

<input style="display:none" type="text" name="username" autocomplete="off"/>
<input style="display:none" type="password" name="passwd" autocomplete="off"/>

方法三(判断当input为空的时候,type=‘text’,当有输入值变为type=‘password’,躲避自动填充和提示)

<input type="text" oninput="if(this.value==''){this.type='text'}else(this.type='password')" name="password" autocomplete="off"  >

以上三个组合起来应该在第一次进入的时候不会再有自动填充和提示密码了,但是在一些情况下不刷新页面的情况下需要再次输入数据的时候,还是会出现,这时候比较容易的方法就是给他刷新本页面:

document.querySelector(".btn").onclick=function () {
            document.location.reload();//刷新本页面
        }

如果出现一些保存和取消的按钮,在保存成功后刷新本页面,取消直接刷新本页面

如有更好的方法请留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Heerey525

很开心我的内容帮助到你

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值