密码输入框卡顿主因是HTML属性配置不当：添加spellcheck="false"禁用拼写检查，autocomplete须按场景配current-password或new-password，inputmode="text"确保键盘类型正确。
密码输入框卡顿，先关 spellcheck
移动端密码输入卡顿，90% 不是 JS 逻辑问题，而是浏览器在后台疯狂做拼写检查——哪怕你输的是 123456，它也在查这个词有没有拼错。加一句 spellcheck="false" 就能立刻缓解：
type="password" + autocomplete 配对错误会拖慢聚焦
密码字段若没配对正确的 autocomplete，Chrome 和 Safari 会在聚焦瞬间尝试匹配历史填充项，引发短暂阻塞；更糟的是，填错值（比如写成 autocomplete="password"）会导致浏览器反复重试、降级为全量扫描。必须严格按规范写：
- 登录页密码框：用
type="password" autocomplete="current-password" - 注册/改密页：用
type="password" autocomplete="new-password" - 绝对不要用
autocomplete="off"—— 它已被现代浏览器忽略，还可能触发反向启发式填充
键盘弹起后光标消失？别动 position: fixed
iOS Safari 键盘弹出时会自动滚动 input 到可视区，但如果父容器用了 position: fixed 或 transform，滚动定位就会失效，导致光标被顶出屏幕、看起来像“卡住”。临时修复不是禁用滚动，而是让 body 在聚焦时“记住”当前位置：
input.addEventListener('focus', () => {
document.body.style.cssText = `position: fixed; top: -${window.scrollY}px; width: 100%`;
});
input.addEventListener('blur', () => {
document.body.style.cssText = '';
});注意：不能对 input 本身设 position: fixed，这会破坏浏览器原生滚动锚定逻辑。
inputmode 比 type 更关键，尤其在 iOS 上
很多人以为 type="password" 就够了，但 iOS 键盘类型实际由 inputmode 决定优先级。如果没显式声明，它可能默认弹出带符号的全键盘，导致用户误触、回删变慢。密码场景应统一加：
inputmode="text" 明确告诉系统：这是普通文本输入（非数字、非邮箱），避免键盘频繁切换布局。Android 也认这个值，且比 type 更稳定。
立即学习“前端免费学习笔记（深入）”；
密码输入卡顿最常被归咎于加密逻辑或监听函数，但真实瓶颈往往藏在 HTML 属性层——spellcheck、autocomplete、inputmode 这三个冷门属性，改对了比优化 JS 快十倍。 
