테스트 사이트 - 개발 중인 베타 버전입니다

엔터키를 누르면 다음 입력상자로 이동합니다

· 20년 전 · 5611
각종 전송폼을 작성할때 방문자가 마우스 클릭이나 탭키를 누르지 않고 엔터키를 눌러도 다음 입력항목으로 이동할 수 있게 하는 간단한 자바스크립트 코드를 만들어 봅시다.
엔터키의 키코드는 13 입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Sample Script </TITLE>
</HEAD>

<BODY>

<!---
아래의 형식으로 <input> 태그안에 자바스크립트 코드를 입력 하세요
onkeydown="if (event.keyCode == 13) 폼의이름.이동할입력상자이름.focus();"
---->

<FORM name=login_form METHOD=POST ACTION="http://www.jasko.co.kr/result.html">

아이디 : <INPUT TYPE="text" NAME="user_id" onkeydown="if (event.keyCode == 13) login_form.user_password.focus();"><br>
비밀번호 : <INPUT TYPE="text" NAME="user_password" onkeydown="if (event.keyCode == 13) login_form.submit();"><br>

<INPUT TYPE="button" value="로그인" onClick="document.login_form.submit()">

</FORM>

</BODY>
</HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
101
99
97
96
89
81
79
78
77
76
72
69
64
61
58
57
54
53
52
45
35
28
23
17
13
1