input标签无法原生限制英文输入，必须用oninput事件配合正则/[^a-za-z]/g实时过滤；需分步处理非法字符清除与长度截断，且服务端须二次校验。
input 标签本身没有原生属性能「只允许英文、禁止中文」，必须靠 JavaScript 实时拦截。直接写 type="text" + pattern 或 required 都无效——pattern 只在表单提交时校验，拦不住输入过程中的中文上屏。
oninput 替换是最稳的实时过滤方式
用 oninput 在每次输入（包括粘贴、IME 上屏、拖拽）后立即清理非法字符，比 onkeyup 更可靠：
-
onkeyup无法捕获中文输入法「选字后回车」的上屏行为，用户可能已看到中文出现在框里再被删掉，体验卡顿 -
oninput触发时机更准，覆盖所有文本变更场景（含剪贴板粘贴、语音输入、拖放） - 正则
/[^a-zA-Z]/g表示“匹配所有非英文字母的字符”，replace把它们全清空
示例：<input type="text" oninput="value=value.replace(/[^a-zA-Z]/g,'')">
需要兼容数字或下划线？改正则就行
实际项目中纯英文极少单独使用，多数要搭配数字、下划线或短横线。这时只需扩展正则范围：
- 英文 + 数字：
/[^a-zA-Z0-9]/g - 英文 + 数字 + 下划线：
/[^a-zA-Z0-9_]/g（注意\w等价于[a-zA-Z0-9_]，但显式写出更可控） - 英文 + 数字 + 短横线：
/[^a-zA-Z0-9-]/g（短横线放末尾可避免被误认为范围符） - 禁用中文的同时保留空格？加个空格进去：
/[^a-zA-Z ]/g
别用 \W ——它会意外放行中文标点、全角符号甚至 emoji，行为不可控。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
长度限制必须和内容过滤分开做
很多人把长度截断逻辑硬塞进同一个 oninput，比如：value=value.replace(...).slice(0,10)。这会导致两个问题：
- 用户粘贴超长内容时，先过滤再截断，可能把合法字符（如最后几个英文）也砍掉
- 光标位置错乱：浏览器在替换后重置光标到末尾，影响连续编辑
正确做法是分两步处理：<input oninput="value=value.replace(/[^a-zA-Z]/g,'').slice(0,10)">
确保先清除非英文字符，再统一截断——顺序不能反。
移动端中文输入法仍可能闪现汉字
即使用了 oninput，部分安卓 WebView 或旧版 iOS Safari 在中文输入法「正在组词」阶段仍会短暂显示候选字。这不是 bug，而是输入法底层机制。真正可靠的防御是服务端二次校验 + 前端提交前再跑一次 if (/[\u4e00-\u9fa5]/.test(value)) 提示用户。
别依赖 ime-mode: disabled ——它在 Chrome 52+ 和所有新版 Safari 中已被废弃，且对移动端完全无效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
