autocapitalize不能控制实际大小写，它只是safari及部分webview的私有属性，仅影响软键盘首字母提示状态，不改变输入值；真正实现自动大写需用javascript在input事件中调用touppercase()并手动维护光标位置。
autocapitalize 是什么，它真能控制大小写吗
不能。这是最常被误解的一点：autocapitalize 并不是标准 HTML 属性，也不被所有浏览器支持；它只是 Safari 和部分 iOS/Android WebView 的私有扩展属性，且仅影响**软键盘的默认首字母状态**，不改变实际输入值或强制转换大小写。
如果你期望用户一敲字母就自动转成大写（比如填身份证号、车牌号），autocapitalize 完全做不到——它只可能让键盘默认弹出大写键（autocapitalize="characters"），但用户仍可手动切小写，且提交值不会被修正。
-
autocapitalize="sentences"：句首大写（默认行为，多数文本框已如此） -
autocapitalize="words"：每个单词首字母大写 -
autocapitalize="characters"：所有字母默认大写（仅软键盘提示，非强制） -
autocapitalize="none"：关闭首字母大写提示
真正实现输入时自动转大写的正确做法
必须用 JavaScript 监听输入并实时转换。推荐在 input 事件中调用 String.toUpperCase()，而非 change（太晚）或 keydown（会干扰 IME 输入）。
注意：直接修改 value 会导致光标跳到末尾，需手动保存/恢复光标位置。
const input = document.querySelector('input[data-uppercase]');
input.addEventListener('input', (e) => {
const start = e.target.selectionStart;
const end = e.target.selectionEnd;
e.target.value = e.target.value.toUpperCase();
e.target.setSelectionRange(start, end);
});
- 务必用
input事件，兼容粘贴、拖拽、IME 等所有输入方式 - 不要用
toUpperCase()处理含中文、emoji 或带变音符号的字符（如é→É是 OK 的，但某些 locale 下行为不一致） - 若只需特定字段（如车牌号），建议加
data-uppercase类或属性做精准控制，避免全局污染
为什么不用 CSS text-transform: uppercase？
text-transform: uppercase 只是视觉伪装，实际值仍是小写。表单提交、JS 读取 value、后端接收时全部原样保留小写字母——这在需要精确校验（如验证码比对、证件号一致性检查）时会直接导致失败。
- 它不改变 DOM
value属性，input.value依然返回原始输入 - 无法阻止用户复制粘贴小写字母进来
- 对屏幕阅读器不友好，读出的仍是原始大小写
移动端软键盘适配的额外考量
iOS Safari 对 autocapitalize 支持较好，但 Android Chrome 基本忽略该属性；更可靠的做法是配合 inputmode 和 pattern 引导键盘类型：
-
inputmode="text"+autocapitalize="characters"：尝试唤出全大写键盘（iOS 有效） -
inputmode="tel"或inputmode="verbatim"：部分安卓键盘会禁用智能大小写（但不保证） -
pattern="[A-Z0-9]*"：声明合法字符集，某些键盘会据此调整布局（效果有限）
真正的大小写控制权永远在 JS 手里，HTML 层的属性只是辅助提示——别把它们当开关用。
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
