如何阻止浏览器保存OTP字段的账号密码？已尝试多种方案无效

• 改用普通文本框+CSS模拟密码隐藏效果
  把OTP输入框的type="password"改成type="text"，再通过CSS让输入内容显示为圆点，和密码框视觉效果一致：

.otp-input {
  -webkit-text-security: disc;
  text-security: disc;
}

浏览器不会将普通文本框识别为密码字段，自然不会触发存储提示或自动填充建议。

• 动态切换输入框类型
  页面加载时设为type="text"，获取焦点后改为type="password"（需要隐藏输入内容时），失去焦点再改回type="text"，同时搭配autocomplete="off"：

<input type="text" autocomplete="off" id="otp-input" onfocus="this.type='password'" onblur="this.type='text'">

这种操作能绕开浏览器对密码字段的自动检测逻辑。

• 修改表单与字段命名+全局禁用自动完成
  给整个表单添加autocomplete="off"，同时将OTP字段的name和id改为无意义的字符串，避免使用password、otp、code这类浏览器易识别的关键词，比如name="tmp-random-123"，降低浏览器自动匹配的概率。

• 用JS强制清空焦点时的自动建议
  监听输入框的聚焦事件，强制设置autocomplete="off"，必要时清空输入内容：

document.getElementById('otp-input').addEventListener('focus', function(e) {
  e.target.setAttribute('autocomplete', 'off');
  e.target.value = '';
});

内容的提问来源于stack exchange，提问作者ANEES