Как сверстать такую форму проверки кода?

Question

[Sergey S19S93]

подскажите как свертать такую форму ?

Comments

[Вадим]

ну варианта 2, это либо набор инпутов, в которых по факту ввода переводится фокус в следующий инпут, либо это один инпут, у которого задан letter spacing и повторяющееся фоновое изображение.

У обоих вариантов есть свои плюсы и минусы.

[Sergey S19S93]

Вадим, можно по подробнее про первый вариант ?

[Ankhena]

Sergey Shurkhovetskii, загуглите инпуты для банковских карт и переделайте под себя.

[Sergey S19S93]

Ankhena, есть какой то пример ?

[Ankhena]

Sergey Shurkhovetskii, https://codepen.io/search/pens?q=input+credit+card и т.д.

Answer 1

[Sergey S19S93]

нашел отличное решение если у кого то будет такая же проблема
react-input-verification-code