Вариант готового решения не нашёл, буду признателен если кто подскажет ссылку, пока собрал трёхколёсный велосипед без maxlength и рабочим backspace )))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onload = function () {
for (var b = document.getElementsByName("input"), e = b.length; e--;) {
b[e].onkeypress = function (d) {
return function (c) {
c = c || window.event;
a = c.which || c.keyCode;
if (this.size == this.value.length && a != 8) if (b[d + 1]) b[d + 1].focus();
else return false
}
}(e);
b[e].onkeydown = function (d) {
return function (c) {
c = c || window.event;
a = c.which || c.keyCode;
if (this.size == this.value.length && a != 8) if (b[d + 1]) b[d + 1].focus();
else return false;
if (this.value.length == 0 && b[d - 1] && a == 8) {
if (b[d - 1].createTextRange) {
a = b[d - 1].createTextRange();
a.collapse(false);
a.select()
} else if (b[d - 1].selectionStart) {
a = b[d - 1].value.length;
b[d - 1].setSelectionRange(a, a);
b[d - 1].focus()
}
return false
}
}
}(e)
}
};
</script>
</head>
<body>
8-
<input type="text" size="3" name="input" />
<input type="text" size="3" name="input" />
<input type="text" size="2" name="input" />
<input type="text" size="2" name="input" />
</body>
</html>
)
