Как стать автором
Обновить

этот удивительный tabindex

Время на прочтение1 мин
Количество просмотров18K
Многие веб-разработчики часто забывают или совсем не используют параметр tabindex, который определяет последовательность перехода между полями при нажатии на клавишу «Tab». Таким образом, при переходе из одного поля в другое прощелкиваются еще несколько элементов, что рано или поздно начинает уничтожать нервные клетки пользователей.

image



решение простое:
<form>
<input type="text" name="login" tabindex="1">

<a href="/remind/">забыли пароль?</a>

<input type="password" name="password" tabindex="2">
<input type="submit">
</form>


* This source code was highlighted with Source Code Highlighter.

Номер 1 сначала получит фокус, номер 2 будет идти следующим и т.д. Параметр tabindex могут иметь теги
<BUTTON>, <INPUT>, <SELECT>, <TEXTAREA>



UPD: alemiks подсказывает, что tabindex могут еще иметь: A, AREA и OBJECT
Теги:
Хабы:
Всего голосов 156: ↑111 и ↓45+66
Комментарии88

Публикации

Истории

Работа

Веб дизайнер
39 вакансий

Ближайшие события