コードコピーは次のとおりです。
<html>
<head>
<script type = "text/javascript">
function movenext(object、index){
if(object.value.length == 4){
document.forms [0] .elements [index+1] .focus();
}
}
function showresult(){
var f = document.forms [0];
var result = "";
for(var i = 0; i <4; i ++){
result+= f.elements [i] .value;
}
アラート(結果);
}
</script>
</head>
<body onload = "document.forms [0] .elements [0] .focus();">
<form>
<入力型= "text" size = "3" maxlength = "4" onkeyup = "movenext(this、0);">
<入力型= "text" size = "3" maxlength = "4" onkeyup = "movenext(this、1);">
<入力型= "text" size = "3" maxlength = "4" onkeyup = "movenext(this、2);">
<input type = "text" size = "3" maxlength = "4" onkeyup = "movenext(this、3);">
<入力型= "button" value = "show" onclick = "showresult();">
</form>
</body>
</html>
コードは非常にシンプルで、機能は非常に実用的です。友人は、美化の後、自分のプロジェクトでそれを使用できます。かっこいいですか?