Html에서 tabindex로 포커스 이동하기
Html에서는 마우스 뿐만 아니라 키보드의 Tab를 이용해 포커스 이동이 가능합니다. 일반적으로 tabindex를 사용하지 않더라도 Html 마크업 순서에 맞게 Tab 이동이 가능합니다. 사용자와 상호작용이 가능한 태그들은 기본적으로 키보드로 포커스가 잡히게 되어 있는데 대표적으로 input, select, button, a 같은 태그를 예로 들 수 있고 이 태그들은 tab키나 shift+tab를 사용해 앞뒤로 포커스 이동을 자유롭게 할 수 있습니다. lable, h, p, span 같은 태그들은 포커스 이동이 되지 않지만 tabindex를 사용해 가능하도록 만들 수 있습니다. 또 tabindex를 사용하면 포커스 이동을 제외하거나 해당 페이지에서 탭이동 시 가장 먼저 포커스 이동이 시작되게 만들어 줄 ..
HTML, CSS
2022. 5. 24. 23:35
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- MS-SQL
- 영국
- 로마
- favicon
- ASP.NET
- DATEDIFF
- 고성
- mssql
- 태풍
- 플라스틱
- 이순신
- iframe
- 인코딩
- 근위병교대식
- 비스페놀A
- jquery
- html
- london
- 한글깨짐
- 자바스크립트
- 체크박스
- ASP
- 런던
- URL
- 템즈강
- USB
- toFixed
- 환경호르몬
- Roma
- javascript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함