HTML Атрибут tabindex

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

Синтаксис

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

Значения

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

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

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

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

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

0

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

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

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

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

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

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

Атрибут tabindex

<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>

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

Учебник HTML

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