- Jak podzielić pole wejściowe, aby wyglądać jako oddzielne pola wejściowe?
- Jak utworzyć pole wejściowe OTP z wieloma skrzynkami wejściowymi?
Jak podzielić pole wejściowe, aby wyglądać jako oddzielne pola wejściowe?
Jak stylizować jedno kontrola wejściowa, aby zostać wydanym jako partycjonowane pole wejściowe? Może możesz wypróbować właściwość CSS „Spacer”, aby zwiększyć odstępy w tekście pola wejściowego. Plus możesz „dostroić” styl Bottem Border Dash, aby pasował do odstępów, które masz.
Jak utworzyć pole wejściowe OTP z wieloma skrzynkami wejściowymi?
Kod HTML dla pola wejściowego OTP
„Enter OTP” zostanie teraz dodane jako nasz główny nagłówek przy użyciu znacznika Div Div. Obszar wejściowy OTP zostanie teraz stworzony. W tym celu stworzymy DIV z klasą „UserInput”, z którego w środku umieścimy cztery pola wejściowe tylko tekstowe, i damy każdemu zdarzenie OnkeyUp.