讓焦點(diǎn)自動(dòng)跳轉(zhuǎn)
更新時(shí)間：2006年07月01日 00:00:00 作者：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</title>
</head>
<body>
以下四個(gè)文本框，每個(gè)限輸入四個(gè)字符，輸入完后自動(dòng)跳到下一文本框
<script ID="clientEventHandlersJS" LANGUAGE="javascript">
<!--
function T1_onkeyup() {
if(document.card.T1.value.length==4){
document.card.T2.focus();
}
}
function T2_onkeyup() {
if(document.card.T2.value.length==4){
document.card.T3.focus();
}
}
function T3_onkeyup() {
if(document.card.T3.value.length==4){
document.card.T4.focus();
}
}
//-->
</script>
<form method="POST" name="card" action>
輸入字符：
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">-
<input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T2_onkeyup()">-
<input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T3_onkeyup()">-
<input type="text" name="T4" size="4" maxlength="4">
</form>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代碼" onClick= 'window.location = "view-source:" + window.location.href'></div>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</title>
</head>
<body>
以下四個(gè)文本框，每個(gè)限輸入四個(gè)字符，輸入完后自動(dòng)跳到下一文本框
<script ID="clientEventHandlersJS" LANGUAGE="javascript">
<!--
function T1_onkeyup() {
if(document.card.T1.value.length==4){
document.card.T2.focus();
}
}
function T2_onkeyup() {
if(document.card.T2.value.length==4){
document.card.T3.focus();
}
}
function T3_onkeyup() {
if(document.card.T3.value.length==4){
document.card.T4.focus();
}
}
//-->
</script>
<form method="POST" name="card" action>
輸入字符：
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">-
<input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T2_onkeyup()">-
<input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T3_onkeyup()">-
<input type="text" name="T4" size="4" maxlength="4">
</form>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代碼" onClick= 'window.location = "view-source:" + window.location.href'></div>
相關(guān)文章
對(duì)于js事件的通用調(diào)用寫(xiě)法2009-01-01
本文主要介紹 CSS3 3D 技術(shù),這里詳細(xì)介紹了如何實(shí)現(xiàn)CSS 3D技術(shù)，并附示例效果圖，和實(shí)現(xiàn)代碼，有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了jquery自定義下拉列表示例,需要的朋友可以參考下2014-04-04
2008-01-01
textarea是否自動(dòng)換行...2006-07-07
注冊(cè)驗(yàn)證之：Javascript判斷漢字為2字節(jié)2009-08-08
這是一份報(bào)名表單，要求用戶在選中“專業(yè)人士訪問(wèn)員”和“定性訪問(wèn)員”后，分別顯示“可提供被訪者類(lèi)型”和“容易接觸到的行業(yè)”的對(duì)應(yīng)表單。當(dāng)呈未選中狀態(tài)時(shí)，這2個(gè)框也對(duì)應(yīng)的隱藏起來(lái)。2008-09-09
公司最近一個(gè)項(xiàng)目中，出現(xiàn)了一個(gè)非window主題外觀的下拉菜單，于是自己搞了個(gè)。2008-11-11
表單的一些基本用法與技巧...2006-07-07
用javascript實(shí)現(xiàn)select的美化的方法
用javascript實(shí)現(xiàn)select的美化的方法...2007-04-04