Руководство по HTML

Полный список HTML-тегов

Атрибут tabindex в HTML

Глобальный атрибут tabindex указывает, можно ли сосредоточиться на элементе, а также участвует ли он в последовательной клавиатурной навигации (обычно используется клавиша Tab, поэтому и называется так).

Глобальные атрибуты HTML

Примечание: Максимальное значение tabindex не должно превышать 32767. Если не указано, его значение по умолчанию равно -1.

Онлайн пример

Ссылки в порядке tabindex:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование атрибута tabindex в HTML (Учебник по основам, oldtoolbag.com)</title>
</head>
<body>
<div tabindex="1">oldtoolbag.com</div><br>
<div tabindex="3">google.com</div><br>
<div tabindex="2">microsoft.com</div>
<script>
// В начале, установите фокус на первый div
document.getElementsByTagName('div')[0].focus();
</script>
<p tabindex="4"><b>Примечание:</b> Попробуйте навигировать по элементам, используя клавишу "Tab" на вашей клавиатуре.</p>
</body>
</html>

Проверьте, как это работает ‹/›

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут tabindex

Определение и использование

Атрибут tabindex определяет порядок элементов для табуляции (при навигации с помощью клавиши Tab).

Различия между HTML 4.01 и HTML5

В HTML5 атрибут tabindex можно использовать с любым HTML-элементом (он будет проверен на любом HTML-элементе. Но это не всегда полезно).

В HTML 4.01 атрибут tabindex можно использовать вместе с <a>, <area>, <button>, <input>, <object>, <select> и <textarea>.

Синтаксис

　　　　 <element tabindex="number">

Значение атрибута

Значение	Описание
number	Определяет порядок управления клавишей Tab для элементов (1 - это первое).

Глобальные атрибуты HTML

HTML: <template> тег