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

时间:2017-08-31 09:27:05

标签: javascript html

我有输入,我需要显示: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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

没有本地方法可以执行此操作,但您可以在文本框中聆听输入事件,并填充前导&#39; 0&#39; 0每次价值变化。

&#13;
&#13;
var input = document.getElementById("txtNum");
input.addEventListener("input", function(e) {
  e.target.value = e.target.value.padStart(2,'0');
});
&#13;
<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
&#13;
&#13;
&#13;