autocapitalize="none"仅关闭软键盘首字母提示，不阻止用户手动输入大写字母；需配合spellcheck="false"和autocorrect="off"才能有效抑制拼写干预，且必须作用于原生input标签，移动端生效，桌面端无效。
autocapitalize="none" 本身不防大写，它只关软键盘首字母提示——用户仍可手动按 Shift 或 Caps Lock 输入大写字母，提交值也不会被修改。真要“防大写”，得靠 JavaScript 拦截并转换。
autocapitalize="none" 的真实作用
它只是告诉 iOS/Android 软键盘：“别默认弹出大写键”。效果仅限于键盘 UI 层，不影响实际输入流或 DOM 值。常见误解是以为设了这个就“输入不了大写”，其实完全不是：
- 用户长按字母键仍可选大写
- 粘贴含大写字母的文本（如
"ABC123"）完全不受影响 - 桌面端浏览器压根不识别该属性，设了也白设
- 如果同时写了
input.addEventListener('input', e => e.target.value = e.target.value.toLowerCase())，那autocapitalize就彻底被覆盖，还可能引发光标跳变
真正阻止大写的 JavaScript 写法
必须监听 input 事件（不是 keydown，会破坏中文输入法；也不是 change，太晚），实时转小写并维持光标位置：
const input = document.querySelector('input[name="code"]');
input.addEventListener('input', e => {
const start = e.target.selectionStart;
const end = e.target.selectionEnd;
e.target.value = e.target.value.toLowerCase();
// 光标会跳到末尾，需手动恢复
e.target.setSelectionRange(start, end);
});
注意：toLowerCase() 对非 ASCII 字符（如中文、emoji）无影响，安全；但若字段允许混合大小写（如密码），这种强制转换反而破坏业务逻辑。
立即学习“前端免费学习笔记（深入）”；
为什么 autocapitalize 和 spellcheck 必须一起设
单独设 autocapitalize="none" 在 iOS Safari 上常失效，因为系统会叠加拼写纠正逻辑。必须三者齐上：
-
autocapitalize="none"：关首字母提示 -
spellcheck="false"：隐藏红色下划线，抑制部分输入法纠错 -
autocorrect="off"：iOS 专属，关自动替换（如 “teh” → “the”）
缺一不可。例如 <input type="text" autocapitalize="none" spellcheck="false" autocorrect="off"> 才算完整防线。
移动端 inputmode 会覆盖 autocapitalize
如果用了 inputmode="numeric" 或 inputmode="tel"，autocapitalize 直接失效——数字键盘没有大小写切换能力。此时想“防大写”毫无意义，但若误配成 inputmode="text" 又没关 autocapitalize，用户在 iOS 上仍可能输错首字母。最稳妥的是按输入类型选 inputmode，再针对性设 autocapitalize：
- 验证码、序列号：用
inputmode="text"+autocapitalize="characters"（仅提示，非强制） - 密码、邮箱用户名：用
inputmode="text"+autocapitalize="none" - 纯数字字段：用
inputmode="numeric"，autocapitalize不用写，写了也无效
真正容易被忽略的点是：这些属性必须写在原生 <input> 标签上，React/Vue 封装组件里不透传就等于没写。
