Type a word from the keyboard and store each letter into a series of multiple input text boxes

Question

I would like to present to the user several input text box that allows them to type a string of letters or characters that stores one letter into each box in a \'sp

Answer 1

If you need a jquery solution, than you can use .keyup() event, and an if condition, which will check the length of the input filed, if it exceeds 1, it will focus the very next field.

Demo

$("input").keyup(function() {
    if($(this).val().length >= 1) {
      var input_flds = $(this).closest('form').find(':input');
      input_flds.eq(input_flds.index(this) + 1).focus();
    }
});

Make sure you also use maxlength attribute on your input fields, so that a user typing fast may not exceed the character limit.

Demo 2