HTML5中input type="number"允许输入e是规范行为，因支持科学计数法；e、小数点、正负号均为合法字符，解析校验在.valueAsNumber或提交时进行。
HTML5 中 input type="number" 允许输入字母 e（或 E），不是 bug，而是规范行为——它源于对科学计数法的原生支持。
e 是合法数字字符，不是“误放行”
浏览器把 e 视为数学常量（自然对数底，≈2.718）和科学计数法符号（如 1.23e4 表示 12300）。HTML5 标准明确将 e、小数点 .、正负号 +/- 列为 type="number" 的合法输入字符。输入过程中不拦截，只在读取 .valueAsNumber 或提交时做解析校验。
这意味着：
- 输入
1e2→ 解析为100，合法 - 输入
1e→.value仍为"1e"，但.valueAsNumber为NaN - 输入
1.2.3或1ee2→ 浏览器自动忽略后续非法部分，但不会阻止输入
常见规避方式及适用场景
若业务只需整数（如年龄、数量），需主动限制。不同方法有不同局限，需按端侧和需求选择：
-
onkeypress 拦截（PC 端较稳）：监听按键码，仅放行数字键（0–9）
<input type="number" onkeypress="return /[\d]/.test(String.fromCharCode(event.keyCode))">
注意：中文输入法下可能失效（如中文模式按 E 键仍可上屏），需配合oninput补防 -
oninput 清洗（推荐兜底）：实时过滤非数字字符
<input type="number" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
优点是覆盖所有输入途径（粘贴、拖入、IME），但要注意：输入1e2后会直接清空成12，丢失原始意图；建议搭配min="0" step="1"强化语义 -
换用 type="tel"（移动端首选）：唤起数字键盘，且
value始终可读可控<input type="tel" inputmode="numeric" pattern="[0-9]*">
配合inputmode="numeric"和pattern可进一步提示键盘类型与校验逻辑，适合纯整数录入场景
别忽略的细节
单纯设 type="number" 无法实现“纯数字输入”目标。真正起效的是组合策略：
- 加
min="0" step="1"声明期望为非负整数，影响步进器和表单验证 - 用 CSS 隐藏默认上下箭头：
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }input[type="number"] { -moz-appearance: textfield; } - 服务端必须二次校验——前端限制可绕过，
valueAsNumber或正则清洗都不能替代后端类型判断
