手机端HTML5密码输入如何实现兼容与适配？

本文共计951个文字，预计阅读时间需要4分钟。

移动端的 元素

• iOS Safari 默认对 type="password" 强制启用「密码自动填充」浮层（钥匙串），且无法用 autocomplete="off" 彻底禁用；加了 autocomplete="new-password" 反而更易触发推荐密码生成
• Android Chrome 对 autocomplete 属性响应较弱，但部分国产ROM（如小米、华为）会拦截密码字段并弹出自定义键盘或安全输入法，导致 input 事件延迟或丢失
• 某些低端Android机型仍使用WebView内核（如Android 4.4），不支持 inputmode="text" 或 enterkeyhint，回车键默认为「搜索」而非「完成」

如何让密码输入框在手机端保持可控性

关键不是“让它变兼容”，而是绕过系统过度干预，把控制权收回来一点。

• 用 inputmode="text" + type="text" + CSS遮盖：视觉仍是圆点，但规避了系统密码逻辑。