요소의 탭 키 제어 순서를 지정하는 html 속성 tabindex(탐색에 사용되는 경우)

예

지정된 탭 순서가 있는 링크:

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

브라우저 지원

tabindex 속성은 Safari를 제외한 거의 모든 브라우저에서 사용할 수 있습니다.

정의 및 사용법

tabindex 속성은 요소의 탭 키 제어 순서를 지정합니다(탭 키가 navigation에 사용되는 경우).

팁 및 Notes

참고: 다음 요소는 tabindex 속성을 지원합니다: , , , , <object>,

Syntax

<element tabindex="number">

속성값

value	Description
number	요소의 탭 키 제어 순서를 지정합니다(1이 첫 번째입니다)

방문자가 웹사이트, TAB 키를 눌러 웹 페이지의 링크 사이를 이동하면 매우 편리하고 실용적인 기능입니다. 그러나 웹 페이지에 링크가 너무 많으면 TAB 키를 눌러도 효과가 없을 수 있습니다. 이때 일부 중요한 페이지에서 방문자를 쉽게 볼 수 있도록 TAB 키 이동 순서를 변경하여 핵심 사항을 강조할 수 있습니다.

TABINDEX 속성을 사용하여 링크에서 TAB 키가 이동하는 순서를 설정하세요. 링크의 TABINDEX 속성을 1에서 32767 사이의 값으로 설정하면 TAB 키 시퀀스에 링크를 추가할 수 있습니다. TABINDEX 속성을 음수 값(예: TABINDEX="-1")으로 설정하면 링크는 Tab 키 순서에서 제외됩니다.

시청자가 TAB 키를 사용하여 웹 링크 간을 이동할 때 먼저 TABINDEX 속성 값이 가장 작은 링크로 이동하고 마지막으로 TABINDEX 속성 값이 가장 큰 링크로 끝납니다. 동일한 TABINDEX 속성을 가진 두 개의 링크가 있는 경우 HTML 코드에 링크가 나타나는 순서가 우선합니다.

<input type="submit" name="Submit" value="提交" tabindex="1" />
<input type="radio" name="radiobutton" value="radiobutton" tabindex="3" />
<input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />

위 내용은 요소의 탭 키 제어 순서를 지정하는 html 속성 tabindex(탐색에 사용되는 경우)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!