Android WebView 中 autocapitalize="words" 基本不生效，因其底层 EditText 不识别该属性；仅 sentences 在部分系统+输入法下有限支持；需用 JavaScript 手动实现或后端格式化。
autocapitalize="words" 在 Android WebView 中基本不生效
Android WebView 的 autocapitalize 属性支持极弱，尤其是 autocapitalize="words" —— 它在绝大多数 Android 系统（包括 Chrome 内核 WebView）中被完全忽略。WebView 仅对 autocapitalize="sentences" 有部分支持（且依赖系统版本和输入法），"words" 和 "characters" 基本无反应。
为什么 Android WebView 不处理 words 模式
根本原因在于：Android 原生 EditText 及其软键盘交互层并未暴露或响应 HTML 的 autocapitalize="words" 语义。WebView 将该属性透传给底层 EditText 时，后者只识别有限的输入类型标记（如 inputType），而 autocapitalize 不在其中。Chrome for Android 本身也从未实现该行为，WebView 继承了这一限制。
-
autocapitalize="sentences"在 Android 10+ 配合 Gboard 等少数输入法可能触发句首大写，但非可靠行为 -
autocapitalize="words"即使在 Android 12/13 + 最新 WebView（Chrome 120+）中仍无日志、无回调、无 UI 反馈 - 该属性在 iOS WKWebView 中可正常工作，加剧了跨平台开发的误判风险
替代方案：用 JavaScript 手动实现单词首字母大写
若业务强依赖「每个单词首字母大写」（如人名、标题输入），必须自行控制。注意避免与输入法冲突，推荐监听 input 事件并谨慎替换：
const input = document.querySelector('input[type="text"][data-autocapitalize-words]');
input.addEventListener('input', () => {
const val = input.value;
// 仅在值变化且非由脚本触发时处理（防死循环）
if (val && !val.match(/^[A-Z][a-z]*\s+[A-Z][a-z]*/)) {
const capped = val.replace(/\b\w/g, c => c.toUpperCase());
if (capped !== val) {
const start = input.selectionStart;
input.value = capped;
// 尝试保持光标在合理位置（简单策略：追加时不跳转，编辑时略偏移）
input.setSelectionRange(start, start);
}
}
});
- 不要用
change或blur，无法满足实时性要求 - 避免对空格、连字符后字母盲目大写（如
"john-doe"→"John-Doe"是合理预期；"iOS"→"Ios"则是副作用，需按需加白名单 - 移动端输入法可能自带首字母大写逻辑，JavaScript 处理可能造成闪烁或光标错位，务必在真机上验证
更稳妥的兜底建议
如果场景允许，优先放弃前端自动大写，改由后端或服务端统一格式化（如保存前调用 titleCase()）。前端只做轻量提示：
- 用 placeholder 提示格式，例如
placeholder="例如：Zhang San" - 提交前校验并给出友好反馈：
"姓名请使用每个单词首字母大写格式" - 对已有输入字段，可加一个「格式化」按钮，显式触发 JS 转换，而非隐式拦截输入
真正麻烦的不是写几行 JS，而是 Android 输入法、WebView 版本、系统语言设置、甚至用户是否开了「自动更正」——这些因素会让任何自动大写逻辑变得脆弱。把控制权交给用户，往往比强行接管更省心。
