태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

폼 요소의 탭(Tab) 순서를 정하는 방법

14년 전

사용자가 각각의 폼 요소를 입력할 때 그 이동을 마우스로 하는 사람도 있지만 키보드를 즐겨 사용하는 사람들은 "탭(Tab)"키로 이동을 많이 한다. 만일 각 폼 요소의 탭 순서를 지정해 주고 싶다면 HTML 4 이상에 도입된 TABINDEX 속성을 이용하면 된다.

<FORM NAME="myForm">
<INPUT TYPE="text" NAME="field1" TABINDEX="1">
<INPUT TYPE="text" NAME="field2" TABINDEX="3">
<INPUT TYPE="text" NAME="field3" TABINDEX="2">
<INPUT TYPE="text" NAME="field4" TABINDEX="4">
</FORM>

위에서 사용한 TABINDEX 속성은 인터넷 익스플로러 4 이상, 넷스케이프 6 이상에서 사용할 수 있다. 혹 넷스케이프 4 에서도 이 기능을 사용하고 싶은 경우는 별도의 방법을 이용해야 한다. 혹시 넷스케이프 4에서도 동작하게 하고 싶은 사람은 의견게시를 통해 별도의 문의를 주기 바란다.

추천 목록

번호	제목
54	CSS Hack for IE6
53	!important와 언더바핵
52	target(href) 타겟사용법
51	location.href 와 location.replace()....
50	style.css.php css 내용이 많거나 파일이 나누어져있을때 코드압축
49	자바스크립트 타겟지정
48	링크 클릭시 점선테두리 한방에 없애는 법!
47	드롭다운 메뉴 26개 - Dropdown Navigation Menus
46	스타일 시트를 경량화하는 11가지 팁
45	잘 사용되지 않지만 유용한 5가지 CSS2 속성들
44	CSS 속성
43	style css - 링크의 색, 밑줄, 점선밑줄, 점선박스, 배경, 두께, 크기 표현하기
42	마우스를 이미지 위에 올렸을때 이미지 흔들기
41	퀵메뉴 스크립트
40	흐르는 TOP 버튼
39	무조건 링크건 화일 다운받기
38	링크를 클릭하면 화면이 흔들리면서 해당페이지로 이동합니다.
37	CSS 슬라이딩 확장 좌측메뉴
36	HTML 문서에서 글자 세로로 쓰기
35	테이블 셀에 링크 걸기
34	링크에 마우스 커서 적용하기
33	CSS 만으로 구현된 메뉴
32	마우스 오버 아웃 해당 이미지 바꾸기 스크립트
31	자바스크립트 쓰지 않고 퀵메뉴 사용하기
30	마우스 오버를 하면 올라오는 레이어창입니다.
29	메타 태그 화면전환
28	웹 페이지 본문 글씨 전체 색상을 동적으로 변경하는 방법
27	새창열 때 HTTP_REFERER 값넘기는 방법
	폼 요소의 탭(Tab) 순서를 정하는 방법
25	한 번의 링크 클릭으로 두 개의 페이지를 여는 방법 (프레임)