autocapitalize="words"仅影响iOS及部分Android软键盘的首字母提示，不改变实际输入值；适用于英文姓名等字段，中文输入和粘贴文本无效，需JS处理才能修改提交值。
autocapitalize="words" 不会让输入值变成大写，它只影响 iOS 和部分 Android 软键盘——用户敲“john doe”时，键盘自动把 j 和 d 弹成大写键，但你仍能手动切回小写，提交的 value 也可能是 "john doe"。
什么时候该用 autocapitalize="words"
适用于英文单词边界清晰、需首字母提示的字段，比如姓名、品牌名、标题类输入。中文拼音输入法（如 iOS 原生拼音）有时会响应，输入 “zhang san” 可能触发 “Zhang San”，但不保证；纯中文输入（手写/五笔/搜狗）完全不受影响。
- ✅ 推荐场景：
<input type="text" autocapitalize="words" placeholder="请输入姓名"> - ❌ 错误场景：
<input type="email">或<input type="number">—— 这些类型下autocapitalize直接被忽略 - ⚠️ 注意：Android 各厂商键盘支持不一，三星键盘可能无视
words，只认sentences或none
autocapitalize="words" 和 text-transform: capitalize 别混用
前者改键盘行为，后者只改显示样式。如果同时加了 style="text-transform: capitalize"，你会看到 “John Doe”，但 input.value 仍是 “john doe”——这不是 bug，是设计如此。
- 想让实际提交值是 “John Doe”？必须用 JS 在
input事件里处理：e.target.value = e.target.value.replace(/\b\w/g, c => c.toUpperCase()) - 想保留原始大小写但显示首字母大写？CSS 方案够用，但别指望它影响 API 请求或后端校验
- 粘贴进来的文本（如复制 “john doe”）不会被
autocapitalize改写，键盘没参与，所以毫无作用
为什么写了 autocapitalize="words" 却没反应
90% 的问题不是属性写错，而是被更高优先级逻辑覆盖：
立即学习“前端免费学习笔记（深入）”；
- JS 代码里写了
e.target.value = e.target.value.toLowerCase()—— 键盘刚弹出大写，你立刻把它干掉 - 用了封装组件（如 Vant 的
<van-field>），但没透传属性：:input-props="{ autocapitalize: 'words' }" - 父级
<form autocapitalize="off">想全局控制 —— iOS Safari 不支持继承，form上设无效 - 同时设了
inputmode="numeric"或type="tel"—— 数字键盘压根没有大小写切换能力，autocapitalize自动失效
真正要确保首字母大写生效，得盯住三件事：输入法是否为英文、软键盘是否弹出字母布局、有没有其他 JS 或组件在背后偷偷改 value —— autocapitalize 是个提示，不是强制开关。
