Как сделать подобный ввод?

Question

[artchis]

Добрый день. Я новичок в вёрстке. Не подскажите как сделать подобное, это подразумевается под вводом номера для автомобиля. А как это реализовать не знаю. Благодарю за помощь. Реализовать нужно только ввод номера

Comments

[Денис Юрьев]

что вы ожидаете в ответе на вопрос получить? готовую верстку? вам не на этот ресурс

[artchis]

@dyuriev, Нет не готовую верстку. А как это можно реализовать. Я пробовал через Imput Но как то не особо получается

[Алексей Ярков]

artchis,

Но как то не особо получается

Это вот вообще никак не описывает проблему.

Answer 1

[gracer]

Ну если в лоб, то берёте 8 инпутов, ограничиваете длинну ввода до 1 знака, стилизуете по макету, 2 последних поднимаете через position relative. При отправке формы склеиваете поля как вам надо. По мере продвижения в обучении можно придумывать более творческие подходы.

Comments

[artchis]

Благодарю вас. Спасибо огромное.

[artchis]

А есть ли ещё варианты решения такой ситуации?

[gracer]

artchis, ну, имхо, есть. Проблема решения в лоб, это то что надо работать с 8 инпутами, когда по сути это одно поле. В итоге я бы плясал от того, что работать надо с одним инпутом и для начала прогуглил варианты создания кастомных инпутов и если ничего подходящего не нашел, то пробовал что-то колдовать со скрытым инпутом и обрабокой логики работы с ним и отображения визуала на основе данных в нём с помощью js.