如何在输入中显示数字后的零？

Question

I have a input and I need to show : 01 02 03 04 05 06 07 08 09 我有一个输入，需要显示：01 02 03 04 05 06 07 08 09

But default is this: 1 2 3 4 5 6 7 8 9 但默认值为：1 2 3 4 5 6 7 8 9

 <!DOCTYPE html> <html> <body> <input type="number" name="quantity" min="1" max="5"> </body> </html>

Answer 1

There is no native way of doing this, but you could listen to the input event on the text box, and pad the leading '0' every time the value changes. 没有本机的方法，但是您可以侦听文本框上的输入事件，并在每次值更改时填充前导“ 0”。

 var input = document.getElementById("txtNum"); input.addEventListener("input", function(e) { e.target.value = e.target.value.padStart(2,'0'); });

 <!DOCTYPE html> <html> <body> <input id="txtNum" type="number" name="quantity" min="1" max="5"> </body> </html>

如何在输入中显示数字后的零？

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-08-31 09:33:33

如何在输入中显示数字后的零？

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-08-31 09:33:33

解决方案1
0 已采纳 2017-08-31 09:33:33