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

如何控制表单内tab键切换的顺序,第1张

在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键切换的范围之外。

tab 键大部分时候用于html页面在可以输入框, 链接, 按钮的跳转

   关于如何控制元素间的跳转顺序和忽略某些元素不进行跳转。

   默认情况下,tab键按照页面上相关元素出现的顺序进行跳转,如果要对起进行跳转控制可以通过一个属性tabindex来控制当按下tab键的时候元素焦点的获取. 如果tabindex=-1的时候,tab按下就会直接忽略这个元素的焦点聚焦。但是如果你想要控制跳转的顺序,可以通过控制设置tabindex的值,tabindex值的范围在【1~32767】


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6267948.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-19
下一篇2023-03-19

发表评论

登录后才能评论

评论列表(0条)

    保存