tabindex : TAB 키를 통하여 이동순서 지정 > 기술자료 | 해피정닷컴

tabindex : TAB 키를 통하여 이동순서 지정 > 기술자료

본문 바로가기

사이트 내 전체검색

tabindex : TAB 키를 통하여 이동순서 지정 > 기술자료

HTML tabindex : TAB 키를 통하여 이동순서 지정

페이지 정보


본문

tabindex  는 html code 에서 폼 요소를 이동할때 키보드 탭(TAB)을 눌렀을때의 이동 순서를 정하는 사용되는 속성으로 인터넷 익스플로서 4이상  FF(불여우) 1.5이상 에서 사용됩니다. (넷스케이프는 ??)

사용할 수 있는 html tag는 예로 a, area, button, input, object, select, textarea.. etc

 
tabindex 값은 1부터 시작 -1 일경우 포커스가 위치하지 않습니다.



예를들면, 로그인을 할때도 그렇지요.

아 이 디  : [ *** ]
비밀번호: [ *** ]

----[로그인버튼]

이렇게 로그인버튼이 아이디와,비밀번호 사이에 있으면 탭키도 순서에 맞게 이동되지만,


아 이 디 : [ **** ]
------------------------------[로그인버튼]
비밀번호: [**** ]


디자인을 하다보면 로그인버튼이 아이디와 비밀번호 사이에 위치하는 경우도 있습니다.

그럴때는 html의 tabindex를 이용하여 강제로 탭의순서를 정해주면 원하는 순서대로 탭을 이동할 수 있습니다.


ex) tablindex = "1"

<input tabindex="1" name="_a" type="text" size="5" style="" value="0">
<input tabindex="3" name="_c" type="text" size="5" style="" value="0">
<input tabindex="2" name="_b" type="text" size="5" style="" value="0">
 
: _a에서 탭키를 눌렀을때 다음 tabindex로 이동. 그러므로 _b로 이동합니다.

댓글목록

등록된 댓글이 없습니다.


Total 2,641건 128 페이지
  • RSS
기술자료 목록
101
Secure   12747  2006-06-14 19:29  
100
JavaScript   12790  2006-06-13 23:51  
99
JavaScript   13494  2006-06-13 13:23 ~ 2006-07-20 00:00  
98
JavaScript   29614  2006-06-13 10:32 ~ 2014-07-14 00:00  
97
MySQL   14746  2006-06-12 17:06 ~ 2021-10-25 17:45  
96
JavaScript   13943  2006-06-08 19:44  
95
ClassicASP   36851  2006-06-08 19:41  
94
HTML   11312  2006-06-08 00:23  
93
PHP   12230  2006-06-07 10:00  
92
HTML   19503  2006-06-05 17:33  
91
HTML   30250  2006-06-03 19:45 ~ 2015-09-19 00:00  
90
MySQL   12968  2006-06-02 16:27 ~ 2017-08-11 00:00  
89
일반   19294  2006-05-31 19:32 ~ 2021-03-11 07:46  
88
제로보드   17649  2006-05-29 17:41  
열람
HTML   23887  2006-05-29 16:39  
86
Linux   14002  2006-05-29 15:08  
85
MySQL   13652  2006-05-26 20:00  
84
제로보드   13204  2006-05-26 18:15 ~ 2018-07-28 03:41  
83
PHP   14630  2006-05-25 19:57 ~ 2012-04-16 00:00  
82
PHP   12295  2006-05-25 17:27 ~ 2019-03-19 04:01  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.