Посмотрите на изображение:
Я хочу создать что-то вроде изображения, где пользовательский пароль вводит 4-значный одноразовый пароль (OTP). Прямо сейчас я достиг этого четырьмя отдельными входами, а затем объединяя значения в javascript:
<input type="text" class="form-control" placeholder="0" maxlength="1" />
<input type="text" class="form-control" placeholder="0" maxlength="1" />
<input type="text" class="form-control" placeholder="0" maxlength="1" />
<input type="text" class="form-control" placeholder="0" maxlength="1" />
Я не уверен, что это правильный подход. Я думаю, что должны быть некоторые параметры стиля, по которым одно текстовое поле ввода будет отображаться как разделенное на изображение. Возможно ли использование бутстрапа? Как создать один элемент управления ввода, который будет отображаться как разделенное поле входов?