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