设置tabindex按钮不起作用

时间:2012-01-20 11:27:56

标签: html button tabindex

我对表单上的控件很少。我必须按照在HTML上创建顺序不自然的顺序设置tabIndex。在fag端有一个按钮,tabIndex没有被设置(它从未聚焦)只在这个元素上。

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

可能是什么原因?

感谢您的帮助。

3 个答案:

答案 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太多了。