Характеристики атрибута
В каких браузерах работает?
| 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>
Тип HTML атрибута: