HTML表单无法自动切换全角/半角输入状态，因这是操作系统级行为；只能在blur或submit时用正则清洗全角ASCII字符（U+FF01–U+FF5E）和全角空格（\u3000），并转为半角，且须在序列化前完成。
HTML 表单本身无法自动切换全角/半角输入状态——这是操作系统级输入法行为，浏览器不暴露控制权。你只能在用户输入后做清洗或提示，不能“接管”输入法模式。
为什么 autofocus 或 inputmode 都不能切全角半角
很多人误以为设置 inputmode="text" 或加 autofocus 能影响输入法状态，实际完全无效。输入法的全角/半角模式由用户当前输入法引擎决定，HTML 标准中没有任何属性能触发 Shift+空格 这类系统级切换。Chrome、Firefox、Safari 均不提供该能力，ime-mode（已废弃）在所有现代浏览器中早已被忽略。
表单提交前统一转半角的可靠做法
最务实的方案是：不干预输入过程，而在提交或失焦时清洗值。适用于邮箱、手机号、身份证号等对字符宽度敏感的字段。
- 用正则匹配常见全角 ASCII 字符（U+FF01–U+FF5E），减去
0xFFE0得到对应半角码点 - 单独处理全角空格
'\u3000'→' '，它不参与0xFFE0偏移计算 - 避免对中文、日文假名、emoji 等非 ASCII 字符做任何转换，否则会损坏内容
- 示例函数：
function toHalfWidth(str) {
return str.replace(/[\uFF01-\uFF5E]/g, (chr) =>
String.fromCharCode(chr.charCodeAt(0) - 0xFFE0)
).replace(/\u3000/g, ' ');
}调用时机建议用 blur 或 submit 事件，而非 input——频繁重写 value 会影响 IME 输入体验（尤其在中文拼音输入过程中）。
立即学习“前端免费学习笔记（深入）”；
如何检测用户是否误输全角数字/字母并给出友好提示
直接转半角可能掩盖问题，有时你需要让用户意识到“你输的是全角”。可在 blur 时检查：
- 用
/[０-９ａ-ｚＡ-Ｚ]/匹配全角数字/英文字母（注意：这不是 Unicode 范围，而是具体字形） - 若匹配成功，弹出轻量提示（如 tooltip 或 input 后缀图标），不要阻断表单流程
- 避免用
alert()或强制 focus 回该字段——这会打断用户操作流 - 示例检测逻辑：
const hasFullWidthAlphaNum = /[\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A]/.test(input.value);
这个正则覆盖了全角 0–9、A–Z、a–z，比宽泛的 [\uFF01-\uFF5E] 更精准，不会误报全角标点。
移动端 WebView 中的特殊限制
iOS Safari 和 Android WebView 对输入法控制更弱。即使你在 input 上绑定 compositionstart 事件，也无法阻止用户在拼音输入完成后提交全角字符。此时唯一可控点仍是提交前清洗——且必须在 JS 层完成，服务端补救成本高、延迟大。
真正容易被忽略的是：**清洗必须在序列化为 JSON 或拼接 URL 前完成**。比如 fetch('/api', { body: JSON.stringify(formData) }) 中，若 formData.email 还含全角 @ 或点号，后端校验会直接失败，而前端控制台看不出异常。
