如何控制表单内tab键切换的顺序

最新推荐文章于 2024-04-16 14:54:53 发布

转载最新推荐文章于 2024-04-16 14:54:53 发布 · 5.1k 阅读

文章标签：

#html #表单 #tab

html 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了HTML中的tabindex属性，该属性可以设定网页元素聚焦的顺序。通过设置不同元素的tabindex值，可以控制用户使用Tab键导航时的顺序。默认情况下，未定义tabindex的元素不会参与Tab键导航，而tabindex设为负值的元素则会被排除在外。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Html代码中有一个键盘属性——tabindex，它可以设置访问者在页面中按tab键的顺序。如下：

<input type="button" id="b1" tabindex="1" value="Button1" /> <input type="button" id="b2" tabindex="2" value="Button2" /> <input type="button" id="b3" tabindex="3" value="Button3" />

当用户选择第一个输入框再按tab键，输入框的焦点就会按照定义好的顺序切换。 tabindex不仅可以用于输入框间的切换，也可以用于链接之间的切换。方法和上面相同。在没有定义属性值的时候，tabindex的默认值是0。如果将tabindex设为负值（tabindex=”-1”），这个元素会被排除在tab键切换的范围之外。