html規定元素的tab（用于導航時）鍵控制次序的屬性tabindex

實例

帶有指定 tab 鍵順序的鏈接：

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

瀏覽器支持

幾乎所有瀏覽器均 tabindex 屬性，除了 Safari。

定義和用法

tabindex 屬性規定元素的 tab 鍵控制次序（當 tab 鍵用于導航時）。

提示和注釋

注釋：以下元素支持 tabindex 屬性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。

語法

<element tabindex="number">

屬性值

當瀏覽者瀏覽網站時可以通過按TAB鍵在網頁的鏈接中依次移動，這是一個相當方便實用的功能。但如果網頁中鏈接太多，恐怕按TAB鍵就沒什么作用了，這時不妨通過改變TAB鍵移動的順序來突出重點，在某些重要頁面上方便訪問者。

使用TABINDEX屬性可以設置TAB鍵在鏈接中的移動順序。把鏈接的TABINDEX屬性設成1到32767的一個值，就可以把這個鏈接加入到 TAB鍵的序列中，而若把TABINDEX屬性設為一個負值（如TABINDEX="-1"），那么這個鏈接將被排除在TAB鍵的序列之外。

當瀏覽者使用TAB鍵在網頁鏈接中移動時，將首先移動到具有最小TABINDEX屬性值的鏈接上，最后在具有最大TABINDEX屬性值的鏈接上結束移動。如果有兩個鏈接的TABINDEX屬性相同，則以鏈接在html代碼中出現的順序為準。

<input type="submit" name="Submit" value="提交" tabindex="1" />
<input type="radio" name="radiobutton" value="radiobutton" tabindex="3" />
<input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />

以上就是html規定元素的tab（用于導航時）鍵控制次序的屬性tabindex的詳細內容，更多請關注php中文網其它相關文章！