نسخة الكود كما يلي:
<html>
<head>
<script type = "text/javaScript">
وظيفة movenext (كائن ، فهرس) {
if (object.value.length == 4) {
document.forms [0] .elements [index+1] .focus () ؛
}
}
وظيفة showResult () {
var f = document.forms [0] ؛
var result = "" ؛
لـ (var i = 0 ؛ i <4 ؛ i ++) {
النتيجة+= F.Elements [i] .value ؛
}
تنبيه (نتيجة) ؛
}
</script>
</head>
<body onload = "document.forms [0] .elements [0] .focus () ؛">
<Porm>
<type type = "text" size = "3" maxLength = "4" onKeyup = "movenext (this ، 0) ؛">
<type type = "text" size = "3" maxLength = "4" onKeyup = "movenext (this ، 1) ؛">
<type type = "text" size = "3" maxLength = "4" onKeyup = "movenext (this ، 2) ؛">
<type type = "text" size = "3" maxLength = "4" onKeyup = "movenext (this ، 3) ؛">
<type type = "button" value = "show" onClick = "showResult () ؛">
</form>
</body>
</html>
الكود بسيط للغاية والوظائف عملية للغاية. يمكن للأصدقاء استخدامه في مشروعهم بعد التجميل. أليس هذا رائع؟