在HTML中tabindex属性的用途是什么?
当前回答
控制页内标签的顺序(按tab键移动焦点)。
参考:http://www.w3.org/TR/html401/interact/forms.html # h-17.11.1
其他回答
你设置的值决定了你的键盘焦点在网站元素之间移动的顺序。
在下面的例子中,当你第一次按tab键时,你的光标将移动到#foo,然后是#awesome,然后是#bar
<input id="foo" tabindex="1" />
<input id="bar" tabindex="3" />
<input id="awesome" tabindex="2" />
如果您没有在任何地方定义标签索引,键盘焦点将按照HTML文档中定义标签的顺序跟随页面的HTML标记。
如果你标签的次数超过了你指定的标签索引,焦点将会移动,就好像没有标签索引一样,也就是说,按照HTML标签出现的顺序
它可用于更改默认的表单元素焦点导航序列。
如果你有:
text input A
text input B
submit button C
通过使用tab键,您可以通过A->B->C进行导航。Tabindex允许你改变这个流程。
控制页内标签的顺序(按tab键移动焦点)。
参考:http://www.w3.org/TR/html401/interact/forms.html # h-17.11.1
简单来说,tabindex用于关注元素。 语法:tabindex = " numeric_value " 这个numeric_value是element的权重。较低的值将首先访问。
当用户按下tab按钮时,用户将按如下示例所示的顺序依次进入表单。
例如:
Name: <input name="name" tabindex="1" />
Age: <input name="age" tabindex="3" />
Email: <input name="email" tabindex="2" />