Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут tabindex

Глобальный атрибут tabindex (от англ. "tab index" — «указатель закладок») устанавливает порядок перехода между некоторыми элементами (a, button, input и другие), осуществляемый при помощи клавиши Tab.

Примечание: Заблокированные элементы (у которых установлен атрибут disabled) не участвуют в переходе и фокус не получают.

Синтаксис

<element tabindex="число">

Значения

Любое целое число.

Отрицательное значение говорит, что элемент может получить фокус, но к нему нельзя перейти с помощью клавиатуры.

Ноль или когда атрибут tabindex не задан означает, что к элементу можно перейти с помощью клавиатуры, но переход происходит после всех «нумерованных» элементов в том порядке, как они указаны в коде.

Положительное значение определяет порядок элемента в последовательности перехода через клавиатуру: чем больше число, тем больше раз требуется нажать Tab для перехода к элементу.

Примечание: Максимальное значение не должно превышать 32767.

Примечание: Если значения tabindex у элементов совпадают, тогда учитывается их порядок появления в коде.

Значение по умолчанию

0

Применяется к тегам

Атрибут tabindex относится к глобальным атрибутам, и может быть использован практически со всеми элементами HTML.

Отличия HTML 4.01 от HTML 5

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

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

Пример использования:

Атрибут tabindex

Пример HTML:

Попробуй сам
<p>Нажмите клавишу Tab для перехода между элементами</p>
  <p><button>Ненумерованный</button></p>
  <p><button tabindex="0">Нулевой</button></p>
  <p><button tabindex="5">Пятый</button></p>
  <p><button tabindex="1">Первый</button></p>
  <p><button tabindex="3">Третий</button></p>
  <p><button tabindex="2">Второй</button></p>
  <p><button tabindex="4">Четвертый</button></p>

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

Спецификации

Спецификация Статус
Current W3C Draft Текущий проект
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01(W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Учебник HTML

HTML уроки: HTML Атрибуты