HTML全局屬性tabindex

2018-01-05 13:58 更新

HTML全局屬性tabindex


tabindex屬性控制Tab鍵在其中移動焦點的Tab順序HTML頁面,覆蓋默認(rèn)順序。

句法

<element tabindex="number">

屬性值

number
tab index

瀏覽器兼容性

tabindex Yes Yes Yes Yes Yes


例子

<!DOCTYPE HTML>
<html>
<body>
    <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>
</body>
</html>

Click to view the demo

將選擇的第一個元素是tabindex值為1的元素。當(dāng)用戶按Tab鍵時,將選擇tabindex為2的元素,依此類推。

tabindex值為-1確保在用戶按Tab鍵時不會選擇元素。



以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號