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