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 屬性：, , , , , , , < ;object>, 以及。

語法

<element tabindex="number">

屬性值

#值	描述
number	規定元素的tab 鍵控制順序（1 是第一個）

#當瀏覽者瀏覽網站時可以透過按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中文網其他相關文章！