當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

讓焦點自動跳轉

讓焦點自動跳轉

更新時間:2019-05-25 文章作者:未知 信息來源:網絡 閱讀次數:


以下四個文本框,每個限輸入四個字符,輸入完后自動跳到下一文本框:
輸入字符: - - - 在<head>...</head>之間加入如下代碼:
<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>

在<body>...</body>之間加入如下代碼:
<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>

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
亚洲嫩草影院久久精品