Атрибут tabindex встановлює порядок отримання фокусу під час переходу між елементами за допомогою клавіші Tab. Перехід походить від меншого значення до більшого, наприклад, від 1 до 2, потім до 3 і так далі. При цьому строга послідовність не важлива, допускається пропускати якісь числа і починати з будь-якої цифри. Якщо значення tabindex у елементів збігаються, тоді враховується їхній порядок появи в коді. Заблоковані елементи (у яких встановлено атрибут disabled) не беруть участь у переході і фокус не отримують.
Синтаксис
tabindex="<число>"
Значення
Будь-яке ціле число.
Негативне значення каже, що елемент може отримати фокус, але до нього не можна перейти за допомогою клавіатури .
Ніль, неправильне значення або коли атрибут tabindex не заданий означає, що елемент можна перейти за допомогою клавіатури, але перехід відбувається після всіх «нумерований» елементів у тому порядку, як вони вказані в коді.
Позитивне значення визначає порядок елемента в послідовності переходу через клавіатуру: чим більше число, тим більше разів потрібно натиснути Tab до елемента.
Максимальне значення не повинно перевищувати 32767.
Значення за замовчуванням
0
Приклад
<!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>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5.1 | Робочий проект |
| HTML5 | Рекомендація |
| HTML 4.01 Specification | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft ( Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чернова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.
Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується із застереженнями.
Кількість вказує версію браузреа, починаючи з якої елемент підтримується.