html/html_css

탭인텍스

갓리버리 2014. 1. 21. 13:44

보통 로그인을 할때 아이디 입력하고 탭키눌러 패스워드 입력하고

 엔터를 많이 친다.
그런데 아이디 입력하고 탭키 눌렀더니 엄한곳에 커서가 이동하는

경우가 있는데 이건 table 안의 tr, td 에 따라 순차적으로 이동하는

html 태그의 습성이므로 이럴때 사용하라고 있는것이 tabindex 라

는 태그다.

사용방법 예)

HTML코드:
<tr>
<td>아이디</td>
<td><input type=text name=name tabindex=1></td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type=password name=passwd tabindex=2></td>
</tr>


tabindex 의 값을 1,,,2,,,,3,,,으로 주선 탭키를 누를때마다 1번부터

 순차적으로 이동을 한다.