html загальний атрибут tabindex

Опис та застосування

Атрибут tabindex встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші Tab. Перехід відбувається від меншого значення до більшого, наприклад від 1 до 2, потім до 3 і так далі. При цьому сувора послідовність не важлива, допускається пропускати якісь числа і починати з будь-цифри. Якщо значення tabindex у елементів збігаються, тоді враховується їх порядок появи в коді. Заблоковані елементи (у яких встановлено атрибут disabled) не беруть участі в переході і фокус не отримують.

правити

Порада

Максимальне значення не повинно перевищувати 32767.

автор: NagarD правити

Порада

Прибираємо або стилизуємо фокус елемену

li:focus, li:focus-visible {
    outline: none;
}

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

<element tabindex = "number">

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1+	1+	1+	3.5+	12+	4+

Підтримка: мобільні переглядачі

Переглядач
	1+	6+	1+	1+

Приклади

+ запропонувати свій приклад у пісочниці