阻止 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 起始处无用的话, 可以放到表单起始处试试

相关推荐
Hockor2 分钟前
写给前端的 Python 教程四(列表/元组)
前端·后端·python
GetcharZp3 分钟前
「DPlayer」超强弹幕视频播放器来了!支持m3u8直播,5分钟搞定集成!
前端
天天码行空6 分钟前
Bootstrap Table企业级web数据表格集成框架
前端·javascript·开源
import_random10 分钟前
[关联规则]apriori算法和fp-growth算法(区别)
前端
lyc23333314 分钟前
鸿蒙IME Kit高级开发:共享沙箱与跨进程数据传输🚀
前端
lyc23333314 分钟前
鸿蒙UTD详解:标准化数据类型的跨端协作密钥🔑
前端
Hilaku15 分钟前
用好了 defineProps 才叫会用 Vue3,90% 的写法都错了
前端·javascript·vue.js
古夕15 分钟前
前端模块化与Webpack打包原理详解
前端·webpack
lyc23333315 分钟前
鸿蒙自定义编辑框:与输入法交互的3个核心步骤📝
前端
英宋17 分钟前
ckeditor5的研究 (2):对 CKEditor5 进行设计,并封装成一个可用的 vue 组件
前端·javascript