html規定元素的tab(用于導航時)鍵控制次序的屬性tabindex
發表時間:2024-05-12 來源:明輝站整理相關軟件相關文章人氣:
[摘要]實例帶有指定 tab 鍵順序的鏈接:<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><a href="http://www.google.c...
實例
帶有指定 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">
屬性值
值 | 描述 |
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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。