【HTML】<input type="number">

47 阅读1分钟

<input type="number">

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

文档

developer.mozilla.org/zh-CN/docs/…

附加属性

step

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

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

示例

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

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

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

其他

inputmode

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

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

developer.mozilla.org/zh-CN/docs/…