Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Атрибут tabindex

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Описание
Атрибут tabindex устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab. Переход происходит от меньшего значения к большему, например от 1 к 2, затем к 3 и так далее. При этом строгая последовательность не важна, допускается пропускать какие-то числа и начинать с любой цифры. Если значения tabindex у элементов совпадают, тогда учитывается их порядок появления в коде. Заблокированные элементы (у которых установлен атрибут disabled) не участвуют в переходе и фокус не получают.
Переход к элементам, у которых не задан атрибут tabindex или его значение равно 0, происходит после всех «нумерованных» элементов в том порядке, как они указаны в коде.
Синтаксис
tabindex="число"
Значения
Любое целое положительное число.
Значение по умолчанию
0
Применяется к тегам
<a>, <area>, <button>, <input>, <object>, <select>, <textarea>
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<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>

Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru