Многие веб-разработчики часто забывают или совсем не используют параметр tabindex, который определяет последовательность перехода между полями при нажатии на клавишу «Tab». Таким образом, при переходе из одного поля в другое прощелкиваются еще несколько элементов, что рано или поздно начинает уничтожать нервные клетки пользователей.
![image](https://habrastorage.org/getpro/habr/post_images/4e3/ef2/fcc/4e3ef2fcc18662575009ea1c826bc2af.gif)
решение простое:
Номер 1 сначала получит фокус, номер 2 будет идти следующим и т.д. Параметр tabindex могут иметь теги
UPD: alemiks подсказывает, что tabindex могут еще иметь: A, AREA и OBJECT
![image](https://habrastorage.org/getpro/habr/post_images/4e3/ef2/fcc/4e3ef2fcc18662575009ea1c826bc2af.gif)
решение простое:
<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