Question

I am trying to create a new html component using javascript and CSS.
The new component is exactly like TextField (<input type="text">).

The additional behaviour is each character in the TextField is separated in a box.

Is there any existing component available ? If not please give some ideas how to design this component.

Answer 1

Nothing exists in HTML for a multiple text input like you’ve described.

You’ll need to build it yourself using multiple <input type="text"/> elements.

TextField(<input type="text"/><input type="text"/><input type="text"/>...)

Just out of interest though, why do you want this control? Typically this kind of field is horrible from a usability standpoint (even if you hook in event handlers to auto-tab you from one box to the next)