8

我在表单上几乎没有控件。我必须按照与它们在 HTML 上的创建顺序不同的顺序设置 tabIndex。fag 末尾有一个按钮,并且 tabIndex 没有设置(它从不集中)仅在这个元素上。

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

可能是什么原因??

感谢你的帮助。

4

3 回答 3

13

Tabindex 最佳实践

通常,我建议不要使用任何增量值设置 Tabindex,因为对于您网页中的任何字段/组件,如果我们遵循此规则,那么我们也需要为即将出现的字段维护相同的 tabindex 增量值,而且我们主要显示/隐藏基于某些条件的字段/组件,因此选项卡索引将无法始终如一地工作。

我强烈建议最好的做法是我们不应该使用大于 0 的 Tabindex 并且在需要的地方只使用 Tabindex -1 和 0

tabindex="-1"

设置 tabindex="-1" 允许您使用脚本设置元素的焦点,但不会将其置于页面的 Tab 键顺序中。当您需要将焦点转移到您通过脚本或用户操作之外更新的内容时,这很方便。

标签索引=“0”

设置 tabindex="0" 将获取一个元素并使其可聚焦。它不设置元素在 tab 顺序中的位置,它只是允许用户按照元素在 DOM 中的位置确定的顺序聚焦元素。

tabindex="1"(或任何值 > 0)

不要设置 tabindex="1" 或任何大于零的值(或任何正值)。

于 2018-03-20T12:26:14.277 回答
4

如果你tabindex button元素上设置,那么这个元素将是导航中的第一个元素,这意味着你不会直接从最后一个输入字段中获取它(但只能通过浏览器自己的用户界面中的一些与浏览器相关的项目,例如搜索框和地址框)。请参阅HTML 4.01 规范tabindex

如果您还设置tabindex了其他字段,请发布演示该行为的演示 - 在多个浏览器上进行简单测试,tabindex在所有字段上设置时都可以正常工作。

于 2012-01-20T12:05:55.253 回答
-2

尝试 :

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

检查一下,您的索引将在其父项下从零开始计算!索引 90 对于 html 来说太多了。

于 2012-01-20T11:35:32.073 回答