Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.5 + | 2.0 + | 4.0 + | 1.3 + | 1.0 + |
Опис
Атрибут tabindex встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші . Перехід відбувається від меншого значення до більшого, наприклад від 1 до 2, потім до 3 і так далі. При цьому сувора послідовність не важлива, допускається пропускати якісь числа і починати з будь-цифри. Якщо значення tabindex у елементів збігаються, тоді враховується їх порядок появи в коді. Заблоковані елементи (у яких встановлено атрибут disabled ) не беруть участі в переході і фокус не отримують.
Перехід до елементів, у яких не заданий атрибут tabindex або має значення 0, відбувається після всіх «нумерованих» елементів в тому порядку, як вони вказані в коді.
Синтаксис
tabindex="число"
Значення
Будь-яке ціле позитивне число.
Значення за умовчанням
0
Застосовується до наступних HTML тегів
<a>, <area>, <button>, <input>, <object>, <select>, <textarea>
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Атрибут tabindex </title> </head> <body> <p> Натисніть кнопку Tab для переходу між елементами </p> <p> <button> Шостий </button> </p> <p> <button> Сьомий </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> </body> </html>