Mask Text Input

Question

Эй Я пытаюсь сделать простой вводный текст примерно так.

<input type="text" id="pin" name="pin" maxlength="4" size="4" placeholder="____"> 

Теперь во внешнем интерфейсе я хочу, чтобы этот заполнитель оставался до тех пор, пока пользователь не наберет все символы.

Например:

1___ 
12__ 
123_ 
1234 

Это понятно? Благодарим за помощь

EDIT: Позвольте мне сделать это более понятным. Я хочу, чтобы заполнитель или что-то подражание заполнителю, чтобы оставаться видимым до тех пор, пока не будут напечатаны все символы! Это означает, что при вводе символа он просто не исчезает. Он вставляет подчеркивание символов, которые еще не были введены.

Answer 1

Заполнитель не работает, как это, по умолчанию, потому что это плохая идея. Возьмем такую ​​ситуацию, например:

<input type="text" placeholder="Type something here!"/> 

Если пользователь начинает вводить, этот процесс будет «Привет, мир!»:

"Hype something here!" 
"Hepe something here!" ... 
"Hellosomething here!" ... 
"Hello world!ng here!" 

Это было бы хорошо, если ваш заполнитель был едва виден, но по большей части это было бы просто уродливо и, возможно, сбивать с толку - пользователю может показаться, что они должны ввести именно то, что помещено в качестве заполнителя, или они могут попытаться полностью очистить ввод без каких-либо успехов.

Заполнители просто вводят текстовые элементы ввода фиктивного содержания до Добавлен реальный контент.