<input type="number">

数字输入框，内置验证已拒绝非数字输入。

文档

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/input/number

附加属性

step

步进属性，指定了值必须满足的粒度。

备注：当用户输入的数据不符合步进配置时，用户代理可能会四舍五入到最近的有效值，当有两个同样接近的选项时，更倾向于正方向的数字。

示例

步进值默认为 1，如果尝试输入 1.1，将被视为无效。如果需要输入带小数的值，则需要修改 step 值。

下面的例子中，step="0.01" 允许 2 位小数。

<input type="number" step="0.01" />

其他

inputmode

一个枚举属性，提供了可能输入的数据类型提示。

• text，标准文本输入键盘
• decimal，小数输入键盘，包含数字和分隔符
• numeric，数字输入键盘
• tel，电话输入键盘
• search，搜索输入键盘
• email，电子邮件输入键盘
• url，网址输入键盘
• none，不显示任何输入键盘。需要实现自己的控件时很有用

文档

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Global_attributes/inputmode