跳到主要內容

HTML 元素的 tabindex 屬性

在網頁上填寫資料時,常用 Tab 鍵來切換要輸入的欄位
而如果填寫資料有特定的順序,或切換欄位的順序需要調整
可以設定元素的 tabindex 屬性來滿足需求

<input type="text" tabindex="1">
<input type="text" tabindex="3">
<input type="text" tabindex="2">

大家可以試試上面的程式碼(線上範例)
按Tab鍵切換輸入的欄位會依照 tabindex 的大小順序變化
而一份HTML文件中每個 tabindex 都只能有一個元素擁有
如果有複數的元素指定了相同的 tabindex ,則只有最後指定的元素的 tabindex 會成立
在JavaScript中要設定此屬性使用 element.tabIndex

留言