阻止 chrome “[保存并填写地址](chrome://settings/addresses)“ 导致输入框聚焦时出现候选项

参考
禁止浏览器自动填充到表单 的这个回答

代码

html 复制代码
要求将不可见的input框放在页面的最前面,如body起始处, chrome之类的浏览器会填充最前面的输入框。
<!-- 阻止浏览器的自动填充 -->
<input type="text" name="_prevent_auto_complete_name" autocomplete="off" readonly="readonly" style="display: none !important;"/>
<input type="password" name="_prevent_auto_complete_pass" autocomplete="new-password" readonly="readonly" style="display: none !important;" />
chrome有两种填充, 一种是自动填充表单 autofill, 一种是自动完成密码 autocomplete; 请在需要的页面中进行设置。最新的问题,Chrome-72版本,将用户确定保存的用户名和密码强制填充到表单之中了,导致显示问题。以上代码实测生效。

另外, 放到 body 起始处无用的话, 可以放到表单起始处试试

相关推荐
故厶1 分钟前
webpack实战
前端·javascript·webpack
_果果然6 分钟前
你真的懂递归吗?没那么复杂,但也没那么简单
前端·javascript
spencer_tseng9 分钟前
Chrome settings for opening new tags
chrome
菜泡泡@1 小时前
仓库地图vue-grid-layout
前端·javascript·vue.js
u***u6853 小时前
React环境
前端·react.js·前端框架
X***E4633 小时前
前端数据分析应用
前端·数据挖掘·数据分析
4***14903 小时前
React社区
前端·react.js·前端框架
LFly_ice3 小时前
学习React-24-路由传参
前端·学习·react.js
Lhuu(重开版4 小时前
CSS:动效布局动画
前端·css
Q***K554 小时前
前端构建工具
前端