Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут tabindex

Дата:21.08.15 в 17:26
Справочник: 

Характеристики атрибута

В каких браузерах работает?

5.5+ 2.0+ 4.0+ 1.3+ 1.0+ - -

Для чего используется

Tabindex необходим для определения очередности присвоения фокуса определенным элементам документа при нажатии на Tab. Переключание осуществляется по возрастанию значений атрибута. Строгая очередность чисел не важна, некоторые из них могут пропускаться. Если значения атрибута идентичны, то фокус наводится на тот элемент, который находится выше относительно другого. После окончания элементов с атрибутом tabindex переход фокуса проходит по тому же правилу.

В каких тегах он может использоваться?

a area button input
object select textarea

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

tabindex="натуральное число"

Какие значения могут быть записаны в атрибут?

Целые не отрицательные числа

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут tabindex</title>
 </head>
 <body>
  <p>Включаем переход фокуса с помощью кнопки Tab</p>
  <p><button>6-ой</button></p>
  <p><button>7-ой</button></p>
  <p><button tabindex="5">Пятый</button></p>
  <p><button tabindex="1">1-ый</button></p>
  <p><button tabindex="3">3-ий</button></p>
  <p><button tabindex="2">2-ой</button></p>
  <p><button tabindex="4">4-ый</button></p>
 </body>
</html>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: