我可以在 HTML 中用零填充数字吗<input type="number" />？

Question

我已输入输入时间的信息。为了让用户清楚该数字是一个小时，我想用前导零填充单位数小时，例如显示“02”而不是“2”。 HTML

<input type="number" />

可以吗？当我给它

value="02"

时，它会渲染

2

而不是

02

。到目前为止，我找到的唯一解决方案是使用

<input type="text" />

代替。

Answer 1

根据 HTML5 定义，没有用于指定数字格式的选项。如今，最新的浏览器无论如何都不会以相同的方式处理数字输入（请参阅“已知问题”，网址为 https://caniuse.com/#feat=input-number）。

我担心在输入中强制采用给定模式的唯一选择涉及 JavaScript。

来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number，https://www.w3.org/TR/html5/sec-forms。 html#number-state-typenumber，https://www.w3.org/TR/html5/infrastruct.html#valid-floating-point-number

Answer 2

监听输入事件并自己添加填充零 像这样：

<input type="number" 
       min="0" 
       max="59" 
       step="1" 
       oninput="if (this.value < 10) this.value = '0'+this.value;">