установить tabindex для кнопки не работает

Question

У меня мало элементов управления в форме.Я должен установить tabIndex в порядке, который не является естественным для их порядка создания в HTML.Есть кнопка в конце, и tabIndex не устанавливается (он никогда не фокусируется) только на этом элементе.

<button id="btnSave" tabindex = "86" title='click here'>Submit Here</button>

В чем могут быть причины ??.

Answer 1

Лучшие практики Tabindex

Как правило, я бы посоветовал не устанавливать Tabindex с какими-либо инкрементными значениями, потому что для любых полей / компонентов на вашей веб-странице, если мы будем следовать этому правилу, нам нужно поддерживать одинаковые инкрементные значения Tabindex и для последующих полей, а также мы в основном показать / скрыть поля / компоненты в зависимости от некоторых условий, чтобы индекс вкладок не работал согласованно.

Я настоятельно рекомендую, что не рекомендуется использовать Tabindex больше 0 и использовать только Tabindex -1 и 0 везде, где требуется

TabIndex = "- 1"

Установка tabindex = "- 1" позволяет вам установить фокус элемента с помощью скрипта, но не помещает его в порядок вкладок страницы. Это удобно, когда вам нужно переместить фокус на то, что вы обновили с помощью скрипта или вне действия пользователя.

TabIndex = "0"

Установка tabindex = "0" возьмет элемент и сделает его фокусируемым. Он не устанавливает положение элемента в порядке табуляции, он просто позволяет пользователю сфокусировать элемент в порядке, определяемом его местоположением, с помощью DOM.

tabindex = "1" (или любое значение> 0)

Не устанавливайте tabindex = "1" или любое значение больше нуля (или любое положительное значение).

Answer 2

Если вы установите tabindex only для элемента button, то этот элемент будет первым в навигации, что означает, что вы не получите к нему последнее поле ввода напрямую ( но только через некоторые зависящие от браузера элементы в собственном пользовательском интерфейсе браузера, такие как окно поиска и поле адреса). См. HTML 4.01 спецификации на tabindex.

Если вы установили tabindex и для других полей, пожалуйста, опубликуйте демонстрацию, демонстрирующую поведение - в простом тесте на нескольких браузерах tabindex работал нормально, если установлен на всех полях.

Answer 3

try:

 <input type="button" value="Sumit here" tabindex="90" />

проверьте, что ваш индекс будет отсчитываться с нуля при его parrent!Индекс 90 слишком много для HTML.