HTML tabindex属性是什么?

在HTML中tabindex属性的用途是什么?

当前回答

你设置的值决定了你的键盘焦点在网站元素之间移动的顺序。

在下面的例子中，当你第一次按tab键时，你的光标将移动到#foo，然后是#awesome，然后是#bar

<input id="foo" tabindex="1"  />
<input id="bar" tabindex="3"  />
<input id="awesome" tabindex="2"  />

如果您没有在任何地方定义标签索引，键盘焦点将按照HTML文档中定义标签的顺序跟随页面的HTML标记。

如果你标签的次数超过了你指定的标签索引，焦点将会移动，就好像没有标签索引一样，也就是说，按照HTML标签出现的顺序

其他回答

当用户按下tab按钮时，用户将按如下示例所示的顺序依次进入表单。

例如:

Name: <input name="name" tabindex="1"  />
Age: <input name="age" tabindex="3"  />
Email: <input name="email" tabindex="2"  />

通常，当用户在表单中从一个字段切换到另一个字段时(在允许选项卡的浏览器中，并非所有浏览器都允许)，顺序是字段在HTML代码中出现的顺序。

然而，有时您希望制表符顺序略有不同。在这种情况下，可以使用TABINDEX对字段进行编号。然后，制表符按照TABINDEX从最低到最高的顺序流动。

更多信息可以在这里找到w3

在这里可以找到另一个很好的例子

你设置的值决定了你的键盘焦点在网站元素之间移动的顺序。

在下面的例子中，当你第一次按tab键时，你的光标将移动到#foo，然后是#awesome，然后是#bar

<input id="foo" tabindex="1"  />
<input id="bar" tabindex="3"  />
<input id="awesome" tabindex="2"  />

如果您没有在任何地方定义标签索引，键盘焦点将按照HTML文档中定义标签的顺序跟随页面的HTML标记。

如果你标签的次数超过了你指定的标签索引，焦点将会移动，就好像没有标签索引一样，也就是说，按照HTML标签出现的顺序

通过控件的标签通常在控件出现在HTML代码中时按顺序发生。

使用tabindex，制表符将按照tabindex顺序从最低的控件流向最高的控件

控制页内标签的顺序(按tab键移动焦点)。

参考:http://www.w3.org/TR/html401/interact/forms.html # h-17.11.1

推荐文章