엔터치면 다음칸으로 이동.

· 2009-07-19 (일) 17:33:02 · 4388 · 3
<html>
<head>
    <title>다음칸</title>
<script language='javascript'>

   var is_submit = true;
   var _NEXT_FOCUS = ""; // 커서가 갈 곳..

   function check_form(){

       f = document.form;

      if(is_submit == true){
         return true;
      }else{
         f[_NEXT_FOCUS].focus();
         is_submit = true;
         return false;
     }
   }

   function next_input(next_focus){
     if(event.keyCode == 13){
          is_submit = false;
         _NEXT_FOCUS = next_focus;
      }
   }

</script>


<body>
입력폼 아무곳에서나 엔터키를 쳐보세요..

<form name='form'>
   <input type='text' size=20 name='put1' onKeyDown="next_input('put2');"><br>
   <input type='text' size=20 name='put2' onKeyDown="next_input('put3');"><br>
   <input type='text' size=20 name='put3' onKeyDown="next_input('put4');"><br>
   <input type='text' size=20 name='put4' onKeyDown="next_input('put5');"><br>
   <input type='text' size=20 name='put5' onKeyDown="next_input('put1');"><br>
   <input type='submit' value='보내기' onClick='return check_form();'>
</form>

</body>
</html>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|

댓글 3개

좋은소스감사합니다 !!!!
감사감사
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
HTML 10-01-26 조회 3,768
HTML 10-01-23 조회 1.1만
HTML 10-01-19 조회 3,925
HTML 10-01-13 조회 4,068
HTML 09-12-06 조회 5,121
HTML 09-11-24 조회 5,323
HTML 09-11-19 조회 3,388
HTML 09-11-11 조회 3,832
HTML 09-08-30 조회 3,784
HTML 09-08-12 조회 3,892
HTML 09-07-21 조회 3,540
HTML 09-07-19 조회 4,389
HTML 09-07-11 조회 3,581
HTML 09-06-15 조회 3,523
HTML 09-05-29 조회 3,833
HTML 09-05-28 조회 4,315
HTML 09-05-05 조회 3,299
HTML 09-04-07 조회 3,973
HTML 09-02-23 조회 4,920
HTML 09-02-17 조회 3,476
HTML 09-02-17 조회 3,244
HTML 09-02-09 조회 2,748
HTML 09-01-23 조회 3,476
HTML 09-01-17 조회 5,951
HTML 09-01-08 조회 3,497
HTML 08-11-07 조회 6,637
HTML 08-11-01 조회 6,466
HTML 08-10-30 조회 4,433
HTML 08-10-16 조회 3,736
HTML 08-10-02 조회 2,882