Индексы полей ввода
Иногда бывает так, что появляется необходимость управлять индексами полей ввода. Казалось бы, что для этого неплохо подойтет атрибут tabindex, однако помимо данного атрибута учитываются и другие встроенные компоненты, например ссылки или адресная строка. Именно из-за таких ситуаций и был разработан данный компонент, который выступает ограничителем.
Атрибут [data-tabindex] служит для определения блока в котором работают атрибуты [tabindex]
HTML
<form method="post" data-tabindex>
<input type="text" name="name" tabindex="1" placeholder="tabindex=1">
<input type="text" name="name" tabindex="2" placeholder="tabindex=2">
<input type="text" name="name" tabindex="5" placeholder="tabindex=5">
<input type="text" name="name" tabindex="3" placeholder="tabindex=3">
<input type="text" name="name" tabindex="4" placeholder="tabindex=4">
<div class="pt-20 text-center">
<button type="submit" class="btn">Отправить</button>
</div>
</form>