ちょっと私はこのような単純な入力テキストを作ろうとしています。
<input type="text" id="pin" name="pin" maxlength="4" size="4" placeholder="____">
フロントエンドでは、ユーザーがすべての文字を入力するまで、そのプレースホルダーをそのままにしておきます。
例えば：
1___
12__
123_
1234
これは明らかですか？ご協力ありがとうございました
編集：これをもっと明確にしましょう。すべての文字が入力されるまで、プレースホルダーまたはプレースホルダーをエミュレートするものを表示したままにしたい! つまり、文字を入力しても消えません。まだ入力されていない文字にアンダースコアを挿入します。
プレースホルダーは、悪い考えであるため、デフォルトではこのようには機能しません。たとえば、次のような状況を考えてみましょう。
<input type="text" placeholder="Type something here!"/>
ユーザーが「Hello, world!」と入力し始めた場合、プロセスは次のようになります。
"Hype something here!"
"Hepe something here!" ...
"Hellosomething here!" ...
"Hello world!ng here!"
プレースホルダーがほとんど見えない場合はこれで問題ありませんが、ほとんどの場合、これは見苦しく、混乱を招く可能性もあります。ユーザーは、プレースホルダーとして入力したものを正確に入力する必要があると信じるようになるか、プレースホルダーをクリアしようとする可能性があります。成功せずに完全に入力します。
プレースホルダーは、実際のコンテンツが追加されるまで、テキスト入力要素にダミー コンテンツを与えるだけです。