我在表单上几乎没有控件。我必须按照与它们在 HTML 上的创建顺序不同的顺序设置 tabIndex。fag 末尾有一个按钮,并且 tabIndex 没有设置(它从不集中)仅在这个元素上。
<button id="btnSave" tabindex = "86" title='click here'>Submit Here</button>
可能是什么原因??
感谢你的帮助。
Tabindex 最佳实践
通常,我建议不要使用任何增量值设置 Tabindex,因为对于您网页中的任何字段/组件,如果我们遵循此规则,那么我们也需要为即将出现的字段维护相同的 tabindex 增量值,而且我们主要显示/隐藏基于某些条件的字段/组件,因此选项卡索引将无法始终如一地工作。
我强烈建议最好的做法是我们不应该使用大于 0 的 Tabindex 并且在需要的地方只使用 Tabindex -1 和 0
tabindex="-1"
设置 tabindex="-1" 允许您使用脚本设置元素的焦点,但不会将其置于页面的 Tab 键顺序中。当您需要将焦点转移到您通过脚本或用户操作之外更新的内容时,这很方便。
标签索引=“0”
设置 tabindex="0" 将获取一个元素并使其可聚焦。它不设置元素在 tab 顺序中的位置,它只是允许用户按照元素在 DOM 中的位置确定的顺序聚焦元素。
tabindex="1"(或任何值 > 0)
不要设置 tabindex="1" 或任何大于零的值(或任何正值)。
如果你tabindex
只在button
元素上设置,那么这个元素将是导航中的第一个元素,这意味着你不会直接从最后一个输入字段中获取它(但只能通过浏览器自己的用户界面中的一些与浏览器相关的项目,例如搜索框和地址框)。请参阅HTML 4.01 规范tabindex
。
如果您还设置tabindex
了其他字段,请发布演示该行为的演示 - 在多个浏览器上进行简单测试,tabindex
在所有字段上设置时都可以正常工作。
尝试 :
<input type="button" value="Sumit here" tabindex="90" />
检查一下,您的索引将在其父项下从零开始计算!索引 90 对于 html 来说太多了。