인터넷정보

순서대로 포커스 주기

알 수 없는 사용자 2007. 10. 17. 00:09

http://oxtag.com/html/ex/tabindex.html

미리보기 참고하세요. 인풋 태그가 아니더라도 기타 태그에도 사용할 수 있습니다.

로그인 같은 경우...
탭을 누르면 ID -> PASSWORD -> LOGIN 순으로 가야 입력하기 편하죠.

<input type=text name=user_id value='' size=9 class=input>
<input type=password name=password value='' size=9 class=input>
<input type=checkbox name=auto_login value=1 onclick=check_autologin()>

이렇게 되었을때 간혹 탭키를 누르면 포커스가 이상한 곳으로 가는 경우가 있습니다.
이럴때는 tabindex 속성을 사용합니다.

<input type=text name=user_id value='' size=9 class=input tabindex=1>
<input type=password name=password value='' size=9 class=input tabindex=2>
<input type=checkbox name=auto_login value=1 onclick=check_autologin() tabindex=3>

반응형