html規(guī)定元素的tab（用于導(dǎo)航時(shí)）鍵控制次序的屬性tabindex

實(shí)例

帶有指定 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 屬性規(guī)定元素的 tab 鍵控制次序（當(dāng) tab 鍵用于導(dǎo)航時(shí)）。

提示和注釋

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

語(yǔ)法

<element tabindex="number">

屬性值

當(dāng)瀏覽者瀏覽網(wǎng)站時(shí)可以通過(guò)按TAB鍵在網(wǎng)頁(yè)的鏈接中依次移動(dòng)，這是一個(gè)相當(dāng)方便實(shí)用的功能。但如果網(wǎng)頁(yè)中鏈接太多，恐怕按TAB鍵就沒什么作用了，這時(shí)不妨通過(guò)改變TAB鍵移動(dòng)的順序來(lái)突出重點(diǎn)，在某些重要頁(yè)面上方便訪問(wèn)者。

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

當(dāng)瀏覽者使用TAB鍵在網(wǎng)頁(yè)鏈接中移動(dòng)時(shí)，將首先移動(dòng)到具有最小TABINDEX屬性值的鏈接上，最后在具有最大TABINDEX屬性值的鏈接上結(jié)束移動(dòng)。如果有兩個(gè)鏈接的TABINDEX屬性相同，則以鏈接在html代碼中出現(xiàn)的順序?yàn)闇?zhǔn)。

<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規(guī)定元素的tab（用于導(dǎo)航時(shí)）鍵控制次序的屬性tabindex的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！