Firefox关闭自动补全后表单仍弹出建议，如何彻底禁用？

Question

在Firefox中，即使已通过 `about:preferences#privacy` 关闭“自动填充表单”并清空保存的用户名/密码，部分网站（尤其使用现代前端框架如React/Vue）仍会因 `` 或浏览器缓存的旧输入历史，在聚焦时弹出下拉建议（如邮箱、地址等）。此行为并非传统密码自动填充，而是Firefox的**地址/搜索历史智能建议**（由 `browser.formfill.enable` 控制），或受`autocomplete="off"`被忽略（Firefox 76+起为兼容性默认忽略该属性）影响。根本原因在于：1）`autocomplete="off"` 已失效；2）表单未正确设置`autocomplete="new-password"`等语义化值；3）未禁用表单填充服务底层开关。需组合施策：修改`about:config`中`browser.formfill.enable=false`、`signon.autofillForms=false`；对敏感字段强制设`autocomplete="off" autocomplete="new-password"`双写；并清除`Form History`（`about:preferences#privacy → Clear Data → Form & Search History`）。仅关闭UI开关无法根治，必须干预底层配置与HTML语义。

Answer 1

```html

一、现象层：聚焦即弹出的“幽灵建议”——Firefox中顽固的表单历史下拉

在现代Web应用（如React/Vue SPA）中，用户点击邮箱、手机号或地址输入框时，Firefox仍会弹出含历史输入值的下拉菜单（非密码管理器触发），即使已在 about:preferences#privacy 中关闭“自动填充表单”并清空已保存凭据。该行为常被误判为“密码自动填充复现”，实则源于浏览器对表单历史（Form History）与搜索/地址智能补全的独立服务机制。

二、机制层：三套并行的自动填充子系统及其耦合关系

子系统	控制开关	影响范围	UI可配置性
密码/凭证填充（Signon）	signon.autofillForms	登录表单、<input type="password">等	✅ about:preferences#privacy 可控
表单历史智能填充（FormFill）	browser.formfill.enable	所有 <input> 的文本历史（邮箱、姓名、城市等）	❌ 无UI开关，仅 via about:config
地址/搜索建议（Search & Address Bar）	browser.urlbar.suggest.history 等	地址栏 + 表单字段共享历史源	✅ 部分可见，但未隔离表单上下文

三、兼容性层：为何 autocomplete="off" 在 Firefox 76+ 彻底失效？

Firefox 自 76 版本起实施 Web 兼容性策略：当检测到 autocomplete="off" 用于敏感字段（如 email, tel, street-address）时，会主动忽略该声明，转而依据字段语义（name 属性、type 类型、autocomplete 语义值）进行智能匹配。这是 W3C HTML Spec 与浏览器实现演进的必然结果——off 不再是规范允许的合法值，而仅作为“提示忽略”存在。

四、语义层：正确使用 autocomplete 的现代实践矩阵

• 密码新设场景：必须用 autocomplete="new-password"（非 "off"），且需确保前后端不复用同一 name 值（如旧密码字段名 old_password 与新密码 password 分离）
• 防历史注入字段：对邮箱、手机号等高风险字段，采用双重声明：autocomplete="off" autocomplete="new-email"（后者为非标准但可干扰启发式匹配）
• 框架级规避：Vue/React 中动态生成 key 或插入随机 name 后缀（如 email_172349823），切断历史映射链

五、配置层：about:config 必设底层开关（双保险）

browser.formfill.enable          → false   // 关停表单历史填充引擎核心
signon.autofillForms             → false   // 关停凭证类填充（虽UI已关，此处强制确认）
browser.formfill.expire_days     → 0       // （可选）将历史过期设为0天，加速清理

六、数据层：清除残留历史的不可替代操作

仅清空“保存的登录信息”无效。必须执行：
→ 打开 about:preferences#privacy
→ 点击 “清除数据…”
→ 勾选 “表单和搜索历史”（Form & Search History）
→ 点击“清除”
此操作直接删除 formhistory.sqlite 数据库中所有 field_name → value 映射，是唯一能根除下拉建议源的手段。

七、验证层：组合策略生效的终端验证流程图

flowchart TD
    A[用户聚焦输入框] --> B{是否命中历史字段？}
    B -->|是| C[查询 formhistory.sqlite]
    B -->|否| D[跳过建议]
    C --> E{browser.formfill.enable === false?}
    E -->|否| F[渲染历史下拉]
    E -->|是| G[返回空建议列表]
    F --> H[用户误触风险]
    G --> I[视觉与逻辑双重静默]

八、工程层：前端自动化防御方案（TypeScript + React 示例）

const SecureInput = ({ name, type }: { name: string; type: string }) => {
  const uniqueName = `${name}_${Date.now()}_${Math.random().toString(36).substr(2, 5)}`;
  return (
    <input name="{uniqueName}" type="{type}" />
  );
};

九、演进层：Firefox 120+ 新增的增强策略与兼容提醒

• signon.showAutofillDoorhanger：控制是否显示“是否启用自动填充”的门帘提示（默认 true）
• browser.formfill.httpsOnly：若设为 true，则仅对 HTTPS 页面启用 FormFill（推荐生产环境启用）
• 警告：禁用 browser.formfill.enable 后，部分银行/政务网站的合规性校验 JS 可能报错，需灰度验证

十、治理层：企业级统一管控建议（DevOps/SRE 视角）

建议将以下动作纳入前端 CI/CD 流水线检查项：
✅ 扫描所有 <input> 是否缺失 autocomplete 语义值
✅ 拦截 autocomplete="off" 单独出现的实例（要求必须搭配 new-*）
✅ 构建时注入 data-firefox-no-formfill 属性，并配合 CSS [data-firefox-no-formfill] { -moz-appearance: none; } 进一步弱化渲染线索
✅ 对接内部浏览器策略中心，通过 mozilla-policies.json 统一下发 about:config 配置模板至终端

```