首頁  >  文章  >  web前端  >  html規定元素的tab(用於導航時)鍵控制次序的屬性tabindex

html規定元素的tab(用於導航時)鍵控制次序的屬性tabindex

黄舟
黄舟原創
2017-11-03 13:46:383044瀏覽

實例

帶有指定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 屬性:3499910bf9dac5ae3c52d5ede7383485, 03fc64e1e502d5ba947b3a9af06d2d2a, bb9345e55eb71822850ff156dfde57c8, d5fd7aea971a85678ba271703566ebfd, 03fc64e1e502d5ba947b3a9af06d2d2a, bb9345e55eb71822850ff156dfde57c8, d5fd7aea971a85678ba271703566ebfd, < ;object>, 221f08282418e2996498697df914ce4e 以及4750256ae76b6b9d804861d8f69e79d3。

語法

<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn