메뉴 건너뛰기

프로그램언어

조회 수 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 순서를 잡아준게 한심해서 글을 써본다 .ㅡ/.ㅡ;;


  1. HTML 특수문자 / 띄어쓰기,공백, 따옴표

    Date2023.01.27 Views2199
    Read More
  2. input 속성 readonly, disabled 차이점

    Date2023.01.27 Views93
    Read More
  3. Input 태그 한글, 영문모드 전환

    Date2023.01.12 Views248
    Read More
  4. MSword : 인쇄 미리보기-한페이지씩 보이기

    Date2021.03.26 Views301
    Read More
  5. map태그에서 window.open() 쓰기

    Date2021.03.26 Views201
    Read More
  6. input태그 tab 순서 설정 : tabindex

    Date2021.03.26 Views357
    Read More
  7. 인라인 자동완성 기능 막기

    Date2021.03.25 Views130
    Read More
  8. javascript로 alt 또는 title 달때 내용에 포함된 따옴표 치환하기

    Date2021.03.25 Views166
    Read More
  9. HTML - Form 태그, Input 태그 자동완성 해제하기

    Date2021.03.09 Views152
    Read More
  10. CSS - p태그 등 너무 긴 문자열이 존재할 때, 넓이에 따른 자동 줄바꿈

    Date2021.03.09 Views590
    Read More
  11. HTML - Table td안에 특수문자(")가 존재할 경우 넓이 초과 현상

    Date2021.03.09 Views247
    Read More
  12. HTML, CSS - 헤더컬럼 고정형 table 구성하기

    Date2021.03.09 Views737
    Read More
  13. 크롬 알림처럼 띄워보기

    Date2019.04.29 Views845
    Read More
  14. 네이버 웹마스터도구 메타태그

    Date2019.04.29 Views787
    Read More
  15. div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%)

    Date2019.03.05 Views1003
    Read More
  16. input 자동완성 끄기 HTML

    Date2019.02.19 Views1090
    Read More
  17. 테이블 대신 필드셋(fieldset) 이용

    Date2019.01.16 Views2122
    Read More
  18. FCKeditor 2.6.x 버전 IE9에서의 Dialog 버그 수정

    Date2018.10.27 Views1166
    Read More
  19. form안의 button submit 동작 막기

    Date2018.08.24 Views1723
    Read More
  20. viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법

    Date2017.04.14 Views6865
    Read More
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved