网页代码设计技巧系列之-会自动“TAB”的文本框.docVIP

要完成此效果需要两个步骤第一步：把如下代码加入到head区域中SCRIPT LANGUAGE=JavaScript!-- Beginvar isNN = (navigator.appName.indexOf(Netscape)!=-1);function autoTab(input,len, e) {var keyCode = (isNN) ? e.which : e.keyCode; var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];if(input.value.length = len !containsElement(filter,keyCode)) {input.value = input.value.slice(0, len);input.form[(getIndex(input)+1) % input.form.length].focus();}function containsElement(arr, ele) {var found = false, index = 0;while(!found index arr.length)if(arr[index] == ele)found = true;elseindex++;return found;}function getIndex(input) {var index = -1, i = 0, found = false;while (i input.form.length index == -1)if (input.form[i] == input)index = i;else i++;return index;}return true;}// End --/script第二步：把如下代码加入到body区域中centerformtable width=400tr tddiv align=centerbrsmall input onKeyUp=return autoTab(this, 3, event); size=4 maxlength=3/small- small input onKeyUp=return autoTab(this, 3, event); size=4 maxlength=3/small - small input onKeyUp=return autoTab(this, 4, event); size=5 maxlength=4/small - small input onKeyUp=return autoTab(this, 3, event); size=4 maxlength=3/small - small input onKeyUp=return autoTab(this, 2, event); size=3 maxlength=2/small - small input onKeyUp=return autoTab(this, 4, event); size=5 maxlength=4/small /div/td/tr/table/form/center