文本输入提示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">