javascript - onChange 文本输入提示

Question

我有一个文本输入，我想要；自动补全用户输入的数字 000..

它需要如下图所示:

当用户仍在打字时，添加零来完成数字(需要有 6 位数字)。

但只是作为提示/占位符(如上图所示)。

我尝试使用占位符属性，但一旦用户开始输入，它就会消失。另外...占位符的值是动态的。它根据用户输入的内容而变化。

我希望我的问题很清楚。

Answer 1

        
        function myFunction() {

        var x = document.getElementById("number");
        x.value = parseInt(x.value, 10);// removes front trailing zeros
        x.value = pad(x.value, 6);//add front trailing zeros
        
    }
        
        function pad (str, max) {
          str = str.toString();
          str = str.length < max ? pad("0" + str, max) : str;
          return str;
        }

   Enter your number: <input type="text" id="number" onkeyup="if(!(event.keyCode>36&&event.keyCode<41)){myFunction()}" onfocus="this.trailingZeros">