Как наиболее правильно реализовать раздельные инпуты для ввода смс подтверждения?

Question

[stanislavkm]

Нужно реализовать ввод кода из смс подтверждения: в 4 раздельных блока ввести по одной цифре. Как это правильно реализовать?

Comments

[Elvis]

а что мешает сделать 4 input и на событие onkeyup повесить смену фокуса на следующий input?

Answer 1

[Сергей Ержович]

Сделай 4 инпута, при вводе в него цифры переключай на следующий инпут и тд..
Вообще примеров полно, можешь на codepen поискать что нить по запросу "pin code"
https://codepen.io/rehhouari/pen/PoWVEKW
https://codepen.io/danielsintrao/pen/KWozJd
https://codepen.io/VadimMalykhin/pen/qPVvop