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

【问题标题】：How to show zero after number in input?如何在输入数字后显示零？
【发布时间】：2017-08-31 09:27:05
【问题描述】：

我有一个输入，我需要显示：01 02 03 04 05 06 07 08 09

但默认是这样的：1 2 3 4 5 6 7 8 9

<!DOCTYPE html>
<html>
<body>



  <input type="number" name="quantity" min="1" max="5">


</body>
</html>

【问题讨论】：

【解决方案1】：

没有本地方法可以做到这一点，但您可以在文本框上监听输入事件，并在每次值更改时填充前导“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>

【讨论】：