Pull to refresh

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

Reading time1 min
Views18K
Многие веб-разработчики часто забывают или совсем не используют параметр 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
Tags:
Hubs:
Total votes 156: ↑111 and ↓45+66
Comments88

Articles