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

相关推荐
彭涛3618 分钟前
什么是MessageChannel
前端
嘉琪00116 分钟前
provide 和 inject的理解?
前端·javascript·vue.js
匆叔18 分钟前
ESLint,前端项目CTRL+S,自动保存格式化文档,超细
前端
满天星辰18 分钟前
Vue3响应式API-reactive的原理
前端·vue.js
XiaoYu200220 分钟前
第10章 SSE魔改
前端·webassembly
沙子迷了蜗牛眼22 分钟前
当展示列表使用 URL.createObjectURL 的创建临时图片、视频无法加载问题
java·前端·javascript·vue.js
爬山算法31 分钟前
Hibernate(30)Hibernate的Named Query是什么?
服务器·前端·hibernate
加油乐32 分钟前
react路由配置相关
前端·react.js·ant design
Hi_kenyon35 分钟前
VUE3套用组件库快速开发(以Element Plus为例)三
前端·javascript·vue.js
AC赳赳老秦36 分钟前
Shell 脚本批量生成:DeepSeek 辅助编写服务器运维自动化指令
运维·服务器·前端·vue.js·数据分析·自动化·deepseek