[

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

· 2004-11-30 (화) 23:10:53 · 5929
각종 전송폼을 작성할때 방문자가 마우스 클릭이나 탭키를 누르지 않고 엔터키를 눌러도 다음 입력항목으로 이동할 수 있게 하는 간단한 자바스크립트 코드를 만들어 봅시다.
엔터키의 키코드는 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>
|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 04-11-30 조회 4,406
기타 04-11-30 조회 4,124
기타 04-11-30 조회 4,229
JavaScript 04-11-30 조회 5,304
기타 04-11-30 조회 3,975
기타 04-11-30 조회 3,589
기타 04-11-30 조회 3,772
기타 04-11-30 조회 4,258
JavaScript 04-11-30 조회 3,632
기타 04-11-30 조회 4,703
기타 04-11-30 조회 5,930
기타 04-11-30 조회 3,439
JavaScript 04-11-30 조회 4,105
JavaScript 04-11-30 조회 5,650
MySQL 04-11-29 조회 4,788
MySQL 04-11-29 조회 5,842
MySQL 04-11-29 조회 5,044
MySQL 04-11-29 조회 7,466
MySQL 04-11-29 조회 5,096
MySQL 04-11-29 조회 1.2만
MySQL 04-11-29 조회 4,599
MySQL 04-11-29 조회 5,100
MySQL 04-11-29 조회 1.6만
MySQL 04-11-29 조회 6,826
MySQL 04-11-29 조회 6,034
MySQL 04-11-29 조회 8,248
JavaScript 04-11-29 조회 5,347
MySQL 04-11-29 조회 9,662
MySQL 04-11-29 조회 8,050
MySQL 04-11-29 조회 8,532