首页 > 代码库 > WEB 页面 控制表单内tab键切换的顺序

WEB 页面 控制表单内tab键切换的顺序

在Html代码中有一个键盘属性——tabindex,它可以设置访问者在页面中按tab键的顺序。
如下: <input type="button" id="b1" tabIndex="1" value="http://www.mamicode.com/Button1" />
<input type="button" id="b2" tabIndex="2" value="http://www.mamicode.com/Button2" />
<input type="button" id="b3" tabIndex="3" value="http://www.mamicode.com/Button3" />

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