Separates Konsoleneingangsfeld?

1. So partitionieren Sie ein Eingabefeld, das als separate Eingangsfelder angezeigt wird?
2. Wie erstellen Sie ein OTP -Eingangsfeld mit mehreren Eingangsfeldern?

So partitionieren Sie ein Eingabefeld, das als separate Eingangsfelder angezeigt wird?

So stylen Sie eine Eingangsregelung, die als partitioniertes Feld der Eingänge erscheinen soll? Vielleicht können Sie die CSS-Eigenschaft "Buchstabe-Abteilung" ausprobieren, um den Abstand in Ihrem Eingabefeldtext zu erhöhen. Außerdem können Sie den Bottem Border -Dash -Stil "einstellen", um den Abstand zu entsprechen, den Sie haben.

Wie erstellen Sie ein OTP -Eingangsfeld mit mehreren Eingangsfeldern?

HTML -Code für das OTP -Eingabefeld

"Enter OTP" wird nun als primäre Überschrift mit der Verwendung des Div -Tags hinzugefügt. Der OTP -Eingabebereich wird nun dafür gemacht. Dafür erstellen wir eine DIV mit der Klasse „UserInput“, in der wir vier Eingabefelder nur für Text platzieren, und geben jedem ein OneKeyup-Ereignis.