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

этот удивительный 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

Публикации

Истории

Работа

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

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

19 августа – 20 октября
RuCode.Финал. Чемпионат по алгоритмическому программированию и ИИ
МоскваНижний НовгородЕкатеринбургСтавропольНовосибрискКалининградПермьВладивостокЧитаКраснорскТомскИжевскПетрозаводскКазаньКурскТюменьВолгоградУфаМурманскБишкекСочиУльяновскСаратовИркутскДолгопрудныйОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
10 – 11 октября
HR IT & Team Lead конференция «Битва за IT-таланты»
МоскваОнлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
25 – 26 апреля
IT-конференция Merge Innopolis 2025
Иннополис