Я хотел бы представить пользователю несколькоinput текстовое поле, которое позволяет им набирать строку букв или символов, которая хранит одну букву в каждом поле способом «перетекания». Каждое поле представляет собой тип вводимого текста, который имеет ограничение в 1 символ.

Например, на рисунке выше показаны 3 поля ввода (не считайте первое поле, в котором показана первая буква слова). Если я набираю непрерывно a s t, «a» должно перейти в box2, «s» - в box3, а «t» - в box4. Это возможно?

На данный момент мне удается набрать только одну букву в поле, а затем либо нажать клавишу Tab, либо с помощью мыши переместить фокус на следующее поле ввода справа.

Какой волшебный CSS / HTML / Javascript мне понадобится для выполнения этого квеста, сир?

Ссылка / Связанный:http://moodurian.blogspot.com/2013/09/how-i-managed-to-allow-input-of-only-1.html