[

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

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

+
분류 제목 글쓴이 날짜 조회
JavaScript 05-03-13 조회 3,851
JavaScript 05-03-13 조회 5,616
기타 05-03-13 조회 4,669
기타 05-03-13 조회 3,905
JavaScript 05-03-13 조회 4,024
JavaScript 05-03-12 조회 6,359
MySQL 05-03-12 조회 5,071
MySQL 05-03-12 조회 6,202
PHP 05-03-12 조회 5,725
MySQL 05-02-24 조회 6,894
기타 05-02-24 조회 1.6만
기타 05-02-23 조회 4,805
기타 05-02-04 조회 5,494
기타 05-02-04 조회 5,097
기타 05-02-04 조회 4,672
기타 05-02-04 조회 4,511
JavaScript 05-02-04 조회 4,742
기타 05-02-04 조회 4,631
MySQL 04-12-27 조회 5,253
기타 04-12-24 조회 7,405
기타 04-12-22 조회 6,062
JavaScript 04-12-13 조회 8,301
기타 04-12-11 조회 1.1만
기타 04-12-09 조회 2.5만
PHP 04-12-08 조회 9,247
MySQL 04-12-04 조회 5,299
기타 04-12-04 조회 6,147
JavaScript 04-12-01 조회 4,231
PHP 04-12-01 조회 6,183
기타 04-12-01 조회 4,797