input禁止浏览器记住密码

再网上找了很多方法，都没用
1，设置autocomplete="off"或者autocomplete=“new-password” 部分有用
2，放置<input type="password" style="display:none" name="password"> 无效
3，动态将密码框的value改为小圆点或者* 麻烦
4，通过focus动态改变input的属性 无效还麻烦
5，使用属性-webkit-text-security 少部分浏览器有效

之后我测试了360，chrome等浏览器记住密码的原理，主要是寻找第一个type=“password”的input框，并且会略过display：none;属性的input；这也是上述方法二无效的原因

下面是我目前想到影响最小，涵盖最广的方法

//在密码框上方再放置一个下面的input框
<input type="password" style="width:0;height:0;border:0;position:absolute" name="xx">
//有的浏览器会寻找与登录密码框name相同的密码框来填充密码，所以让name与登录密码框name相同

input禁止浏览器记住密码相关推荐

禁止浏览器记住密码和自动填充密码
禁止浏览器记住密码和自动填充密码 1.在不输入时设置为只读(只能做到禁用自动填充) <FormItem label="密码" prop="password" ...
【浅谈】前端禁止浏览器记住密码
[浅谈]前端禁止浏览器记住密码浏览器记住是基于type='password',将password改为text,采用文本输入将v-model的绑定方式改为这种输入,input框中显示的是经过转换的* ...
el-input/input取消浏览器记住密码问题
1. 添加auto-complete="new-password"属性,这是一个新属性,兼容所有浏览器. <el-input type="password" ...
禁止input密码自动填充及浏览器记住密码完整解决方案
完整方案禁止缓存,禁止自动填充,不会触发浏览提示记住密码,其余与正常一致,该方案跨浏览器兼容且易结合任何框架及库使用. npm i nice-pass-word 具体使用参照文档既可以. 下面的内容 ...
关于password导致input弹出浏览器记住密码弹框问题
关于password导致input弹出浏览器记住密码弹框问题问题描述问题解决代码实现问题描述当有input有password的输入框在的时候,其他input输入框可能会在获取光标的时候会弹出 ...
Google浏览器记住密码之后，自动填充后input的背景色和color默认样式去除
google浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式. 在reset.css当中写入填充后的样式 input ...
浏览器记住密码后，密码框自动填充功能禁用
大家在做修改密码功能的时候,需要手动输入原始密码来进行校验,然而浏览器记住密码后页面上的password框点击后会自动出现原始密码,这样即使不知道原始密码,也能进行密码的修改,是非常不安全的操作.参考 ...
浏览器记住密码_浏览器会记住您的密码，但是您不会吗？拿回它！
浏览器记住密码 We've all seen something like this: 我们都看到过这样的事情: But you have no idea what the password is. ...
浏览器记住密码--原理/不记住密码的方法
原文网址:浏览器记住密码--原理/不记住密码的方法_IT利刃出鞘的博客-CSDN博客简介本文介绍浏览器是如何自动跳出保存密码的提示的,并介绍如何让浏览器不自动跳出保存密码的提示的方法. 记住密码的 ...

input禁止浏览器记住密码

input禁止浏览器记住密码相关推荐

最新文章

热门文章