Chrome等现代浏览器自2019年起选择性忽略autocomplete="off"，尤其对密码类字段；有效方案是：用随机name配合autocomplete="off"、在form标签设autocomplete="off"、或JS动态设置。
直接加 autocomplete="off" 不一定管用
chrome、edge 等现代浏览器从 2019 年起就对 autocomplete="off" 做了“选择性忽略”——尤其针对密码类、登录类字段。不是你写错了，是浏览器故意不认。它只尊重语义化值，比如 autocomplete="new-password" 或 autocomplete="one-time-code"，但对普通文本框（如搜索、温度、编号）仍可能弹出历史记录。
禁用 autocomplete 的三种有效姿势
按优先级和稳定性排序：
-
对单个 input 强制关闭：用
autocomplete="off"+ 随机 name（如name="search_1742056789"），避免浏览器凭 name 关联历史； -
对整个 form 关闭：在
<form>标签上加autocomplete="off"，比逐个改 input 更省事，且对部分浏览器更可靠； -
用 JS 动态抹除（兜底）：在 DOM 加载后统一处理，例如：
$("input[type='text']").attr("autocomplete", "off");注意别在$(document).ready()之前执行，否则可能被后续框架（如 Bootstrap Table、Fastadmin）重写。
Bootstrap 场景下的典型踩坑点
使用 form-control 类或通过 bootstrap-table、Fastadmin 渲染的 input，容易被框架自动注入默认 autocomplete 行为。常见现象是：明明写了 autocomplete="off"，F12 查看元素却发现属性被删了或变成 on。
- Fastadmin 中需修改
public/assets/js/bootstrap-table-commonsearch.js，在createFormCommon函数内插入 attr 设置； - Bootstrap Modal 里用 autocomplete 插件时，下拉菜单关不掉——这不是
autocomplete属性问题，而是插件 z-index 或事件委托没穿透到 modal 外层； - Vue/React 项目中用 v-model 或 value 受控时，
autocomplete="off"必须写在模板里，不能靠 JS 后补，否则 hydration 阶段会被覆盖。
比 “关掉” 更重要的事：什么时候不该关
盲目全关 autocomplete 会伤害体验。地址、邮箱、姓名这类字段，用语义值反而更安全：autocomplete="email" 比 "off" 更受浏览器信任，还能防钓鱼插件伪造输入。
- 验证码、CVV、动态口令 → 必须
autocomplete="off"； - 新密码框 → 用
autocomplete="new-password"，别用"off"； - 确认密码框 → 用
autocomplete="current-password"（如果填的是旧密码）或"off"（如果填的是本次新设密码的二次确认）； - 搜索框、编号输入等无敏感含义的字段 → 关掉没问题，但建议配合随机
name或id防止误关联。
autocomplete="off" 当成银弹，结果在 Chrome 120+ 里失效才发现是浏览器策略变了；真正稳的方案，永远是「语义值 + 随机标识 + JS 兜底」三选二。 
