JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
<input type="text" maxlength="1" />
</form>
CSS
input[type=text] {
width: 30px;
}
JavaScript
$("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();
}
});