发布您的源码作品！会员登录/控制面版

会自动“TAB”的文本框

作者：佚名来源：不详发布时间：2006/10/28 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<Script LANGUAGE="JavaScript">
<-- Begin
var 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;
else
index++;
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>区域中

<center>
<form>
    <table width="400">
      <tr> 
        <td>
          <div align="center"><br>
            <small> 
            <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>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：页面保护　可以禁止某些IP的访问

下一篇代码：强制访问某一页

精品推荐

阅读排行

· 自己动手输入网页背景颜色代码
· 随机数字生成器
· 礼花背景(一个非常经典的网页背景）
· 鼠标经过文字变色
· 倒计时代码生成器
· [图文] 代码实现生成弹出窗口的特效
· [图文] 星星满天闪烁的背景
· 颜色英文代码全集
· 速度练习　测试你打字的速度
· 爱情游戏测试

相关代码

· 求一个上传图片,会自动编号的那种
· 如何把单选按钮值传递到指定的文本框
· 问下,空间里.ftpquota 这个文件会自动在所有页面..
· 当你在下面的文本框打字时，下面的文本框会自动显..
· [图文] 当你指向某个链接时，网页中的小球会自动跑..
· 会自动逐行上升的文本框
· 神奇的文本框　在网页中选中任何字符都会在该文本..