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로 이동합니다.