本文介绍如何通过tabindex属性控制HTML元素的焦点切换顺序。当使用tab键时，tabindex为1的元素首先获得焦点，之后是2、3等。若tabindex设为-1，则该元素将不会被选中。
HTML页面上元素的焦点可以通过“tab”键在各个元素之间切换，使用“tabindex”属性可以改变默认的转移顺序
Tabindex为1的元素会首先被选中，然后依次2、3。如果设置为-1则不会被选中
以下是一个简单的示例
<form>
<label>Name:<input type="text" name="name" tabindex="1"/></label></p>
<label>City:<input type="text" name="city" tabindex="-1"/></label></p>
<label>Country:<input type="text" name="country" tabindex="2"/></label></p>
<input type="submit" tabindex="3"/>
</form>
跳转顺序：第一个 ——> 第三个 ——> 第四个
第二个不会被选中
Tabindex为1的元素会首先被选中，然后依次2、3。如果设置为-1则不会被选中
以下是一个简单的示例
<form>
<label>Name:<input type="text" name="name" tabindex="1"/></label></p>
<label>City:<input type="text" name="city" tabindex="-1"/></label></p>
<label>Country:<input type="text" name="country" tabindex="2"/></label></p>
<input type="submit" tabindex="3"/>
</form>
跳转顺序：第一个 ——> 第三个 ——> 第四个
第二个不会被选中
扫一扫
148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
