메뉴 건너뛰기

프로그램언어

조회 수 357 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

필자는 보통 로그인 창을 설계할때
 

아이디 : 로그인하기
비밀번호:


이런식으로 테이블 레이아웃을 설정했었다.

하지만 이런식으로 설계하고 아이디를 입력하고 [Tab] 버튼을 누르면 패스워드가 아닌 "로그인" 하기로 커서가 넘어간다.
그래서 이걸 잡아주려고 javascript로 focus 지정을 해주고 그랬었는데...

input태그의 속성중에 tabindex라는 것이 있더라.

<input type="text" name="a" tabindex="2">
<input type="text" name="b" tabindex="1">
<input type="text" name="c" tabindex="3">

b -> a -> c 순서로 커서가 이동된다.

이런식으로 써주면 현재 커서에서 [Tab]을 누를시에 자신의 tabindex 번호 다음 번호로 커서가 가게 된다.

별거 아닌 내용이지만,
여태껏 이것도 모르고 javascript로 focus 순서를 잡아준게 한심해서 글을 써본다 .ㅡ/.ㅡ;;


List of Articles
번호 제목 날짜 조회 수
22 HTML 특수문자 / 띄어쓰기,공백, 따옴표 2023.01.27 2199
21 input 속성 readonly, disabled 차이점 file 2023.01.27 93
20 Input 태그 한글, 영문모드 전환 2023.01.12 249
19 MSword : 인쇄 미리보기-한페이지씩 보이기 2021.03.26 301
18 map태그에서 window.open() 쓰기 2021.03.26 201
» input태그 tab 순서 설정 : tabindex 2021.03.26 357
16 인라인 자동완성 기능 막기 2021.03.25 130
15 javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기 2021.03.25 166
14 HTML - Form 태그, Input 태그 자동완성 해제하기 2021.03.09 152
13 CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈 file 2021.03.09 590
12 HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상 file 2021.03.09 247
11 HTML, CSS - 헤더컬럼 고정형 table 구성하기 file 2021.03.09 737
10 크롬 알림처럼 띄워보기 file 2019.04.29 845
9 네이버 웹마스터도구 메타태그 2019.04.29 787
8 div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%) file 2019.03.05 1003
7 input 자동완성 끄기 HTML file 2019.02.19 1090
6 테이블 대신 필드셋(fieldset) 이용 2019.01.16 2122
5 FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정 2018.10.27 1166
4 form안의 button submit 동작 막기 2018.08.24 1723
3 viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법 file 2017.04.14 6865
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved