2017-08-31 170 views
0

我有一个输入和我需要显示: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>

+2

的[强制在号码输入前导零]可能的复制(https://stackoverflow.com/questions/20684737/force-leading-zero-in-number-input) – Ivar

+0

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

+0

请参阅此链接 - https://stackoverflow.com/questions/8043026/javascript-format-number-to-have-2-digit –

回答

0

这样做并没有原生的方式,但是您可以在文本框中聆听输入事件,并在每次值更改时填充前导'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>