如何在輸入數字後顯示零點？

我有一個輸入和我需要顯示：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>

來源

2017-08-31 Alireza

的[強制在號碼輸入前導零]可能的複製（https://stackoverflow.com/questions/20684737/force-leading-zero-in-number-input） – Ivar

我需要Javascript代碼..... – Alireza

請參閱此鏈接 - https://stackoverflow.com/questions/8043026/javascript-format-number-to-have-2-digit –

這樣做並沒有原生的方式，但是您可以在文本框中聆聽輸入事件，並在每次值更改時填充前導'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>

來源

2017-08-31 09:33:33 Nisarg

如何在輸入數字後顯示零點？

回答

相關問題