<<Input box의 Tabindex 순서 지정하기>>
<form>
아 이 디: <input type="text" name="id" tabindex=1 value="아이디" style="width:100;"><br>
비밀번호: <input type="password" name="pw" tabindex=3 style="width:100;height:21"><br>
비번확인: <input type="password" name="check" tabindex=2 style="width:100;height:21"><br>
</form>
|
▶ form tag : 입력양식을 만들어서 배치할 수 있게 해준다. (input, button, textarea...)
▶ input : 데이타를 입력받을 수 있는 태그.
▶ type : text 속성 지정시 문자를 입력할 수 있으며 password 속성 지정시 암호화되어 표시된다. password으로 속성 지정시 input box의 가로 세로 크기가 text와 상이하므로 style 속성을 사용하여 이뿌게 조절해 보았다.
▶ name : 데이터 전송시 필요한 필드명 지정(영문사용 권장)
▶ value : 기본값 지정(화면에 보이는 임의의 값)
▶ style : input box의 스타일 지정(width는 가로, height는 세로길이를 지정할 수 있다. 화면에 보일는 길이를 지정할 뿐 실제 데이터 길이와는 무관하다.)
▶ tabindex : 인덱스 순서를 지정(0은 인식할 수 없으므로 1부터 지정한다. 0으로 지정시 인덱스 순서가 젤로 마지막...) |
[Result]
|
▶ Tab 키를 눌렀을 때 인덱스 순서는 아이디->비번확인->비밀번호 순이다.
|
작성자 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net) 컴쟁이 |