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>
跳转顺序:第一个 ——> 第三个 ——> 第四个
第二个不会被选中