通过tab键按指定顺序跳到下一个input

本文介绍了如何通过设置HTML元素的tabindex属性来控制页面上表单元素的焦点获取顺序。当用户按下Tab键时,页面上的表单元素会按照tabindex属性值的顺序获得焦点。如果某个元素的tabindex属性值为负数,则该元素将不会获得焦点。

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

       按tab键可以逐次获取页面表单的焦点,但是有时候我们需要指定获取焦点顺序,或者某些元素不需要获取焦点,这时候可以使用 tabindex 属性。

例如:

<input type="text" name="t1" tabindex="1" />
<input type="text" name="t2" tabindex="2" />
<input type="text" name="t3" tabindex="-1" />
<input type="text" name="t4" tabindex="3" />

 按tab键遍历以上元素时,将按照 t1-t2-t4的顺序,t3不会获取焦点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值