input type="number" 允许负号是因为html5规范将其定义为“数值”语义，支持正负数及科学计数法；真正限制需改用type="text"配合inputmode="decimal"、pattern="[0-9]*"和oninput正则清洗。
input type="number" 为什么还会出现负号？
因为 type="number 默认允许用户长按数字键呼出完整键盘（含 - 和 .），尤其在 iOS Safari 和部分 Android 浏览器中，即使没显式输入负号，也可能通过粘贴、语音输入或键盘快捷操作带入 -。
这不是 bug，而是规范行为：HTML5 的 number 类型语义是“数值”，不是“纯非负整数”。所以仅靠 type="number" 无法阻止负号输入。
用 inputmode + pattern + oninput 组合拦截负号
真正可控的做法是放弃 type="number"，改用 type="text"，再通过三者协同实现：视觉上唤起数字键盘、逻辑上过滤负号、体验上不卡顿。
-
inputmode="decimal"（iOS/Android 均支持）或inputmode="numeric"（Android 更倾向纯数字键盘，iOS 部分版本 fallback 到 decimal）——触发原生数字键盘 -
pattern="[0-9]*"仅作表单校验提示，**不能阻止输入**，但可配合required提示用户格式错误 -
oninput="this.value = this.value.replace(/[^0-9]/g, '')"在每次输入后即时清理非法字符（包括-、.、字母等）
示例代码：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
<input type="text" inputmode="decimal" pattern="[0-9]*" oninput="this.value = this.value.replace(/[^0-9]/g, '')" maxlength="6" placeholder="请输入数字">
为什么不用 input type="tel"？
type="tel" 确实能唤起数字键盘，且默认不显示负号，但它有明显副作用：
- 部分 Android 键盘会在数字上方显示符号行（如
#+=），干扰专注输入 - 语义错误：电话号码允许
+、-、空格、括号，浏览器和辅助技术会按通信意图解析，影响可访问性 - 无内置数值校验能力，
pattern和 JS 过滤仍需额外写，不如直接用text+inputmode清晰
兼容性和边界情况要手动兜底
移动端输入场景复杂：粘贴、拖拽、语音输入、剪贴板历史都可能绕过 oninput。仅靠前端过滤不够可靠。
- 必须在提交前再次用
/[^0-9]/g清洗值，服务端也得做相同校验——前端过滤只是提升体验，不是安全边界 - iOS 上
inputmode="numeric"支持度略低于decimal，建议优先用decimal；若需严格禁止小数点，oninput正则必须写成/[^0-9]/g（不是/[^\d]/g，后者在某些环境匹配空格等意外字符） - 不要依赖
min="0"或step="1"，它们对type="text"无效，对type="number"又拦不住负号
最易被忽略的是：用户长按输入框弹出的“粘贴”菜单，或者从其他 App 拖入带负号的文本——这些动作不会触发 oninput，只能靠 onpaste 和 ondrop 补充监听，但实际项目中往往只做提交前清洗更稳妥。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
