кодесурса
«HTML

Атрибут HTML tabindex

script1adsense2code
script1adsense3code

TabIndex

Цель атрибута HTML tabindex состоит в том, чтобы указать число, которое указывает порядок, в соответствии с которым позиция получает фокус, когда пользователь перемещается по странице. Диапазон значений должен быть числом от 0 до 32767. Пользовательские агенты игнорируют начальные нули.

Поддерживаемые элементы

Атрибут HTML tabindex поддерживает элемент, область, кнопку, ввод, объект, выбор, текстовую область.

Синтаксис

 <ElementName summary = "value"> ..... </ ElementName> 

Где ElementName - любой поддерживаемый элемент.

Тип значения

Integer.

Значение

Целое число от 0 до 32767.

Значение по умолчанию

По умолчанию атрибут HTML tabindex не имеет значения.

Поддерживаемые типы документов

HTML 4.01 строгий, HTML 4.01 переходный, HTML 4.01 frameset.

Пример HTML-атрибута tabindex с элементами button, input, select, textarea

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML tabindex attribute with button, input, select, textarea elements</title>
</head>
<body>
<form name="user_info" action="action_get.php" method="get"> 
Name : <input type="text" name="name" tabindex="1"><br>
email  : <input type="text" name="email" tabindex="2"><br>
<label>Select your favourite sports</label> 
<select size="2" tabindex="3">
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br>
<label>Why do you like this sport? </label> <br>
<textarea name="description" tabindex="4" rows="10" cols="5"></textarea><br>
<button type="submit" name="submit"  tabindex="5"/>Submit</button>
</form>
</body>
</html>

Результат

«HTML

Посмотреть этот пример в отдельном окне браузера

Пример HTML-атрибута tabindex с элементами формы

Предыдущий: сводный атрибут HTML
Далее: целевой атрибут HTML

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code