Глобальный HTML-атрибут tabindex, определение и примеры
Меню
Веб-разработка

Атрибут tabindex HTML

Атрибут tabindex

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


Атрибут tabindex - синтаксис и код

Ссылки с указанным порядком табуляции:

<!DOCTYPE html>
<html>
<body>

<div tabindex="1">AppNet.Club</div><br>
<div tabindex="3">BirdCSS.ru</div><br>
<div tabindex="2">t.me/appnetclub</div>
<div tabindex="4">vk.com/appnetclub</div>

<script>
// В начале устанавливаем фокус на первый div
document.getElementsByTagName('div')[0].focus();
</script>

</body>
</html>

Синтаксис

<element tabindex="number">


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

  • Атрибут tabindex определяет порядок табуляции элемента (когда кнопка "tab" используется для навигации);
  • Атрибут tabindex можно использовать для любого элемента HTML (он будет верифицирован для любого элемента HTML. Однако он не обязательно полезен).

Поддержка tabindex браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Значения атрибутов

Значение Описание
number Указывает порядок табуляции элемента (1 — первый)

Связанные страницы

Руководство по HTML: атрибуты HTML


Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.

Поделиться ссылкой