tabindex, taborder和notab屬性的區(qū)別

  • tabindex, taborder和notab屬性默認狀態(tài)下,所有元素(隱藏元素除外)都是表單制表(tab)順序的一部分。當用戶按下Tab鍵時,瀏覽器會將輸入焦點由表單中的這個元素轉(zhuǎn)移到下一個元素上。對大多數(shù)瀏覽器來說,元素的制表順序和<form>標簽中元素的順序一樣。而使用tabindex屬性可以改變制表順序中那些元素的順序和位置。
  • 為了給制表順序中的某個元素重新定位,將屬性中的值設(shè)為制表順序中希望元素所處的位置,第一個元素就是順序中的第一位。如果確實想改變表單的制表順序,我們建議網(wǎng)站制作人員在表單的所有元素中都包括tabindex屬性,并為每個屬性都設(shè)置一個適當?shù)闹?。這樣就可以確信將每個元素都明確地放在了制表順序中,用戶在表單中切換時也不會產(chǎn)生任何疑問。
    tabindex屬性的值是一個正整數(shù),它說明了標簽內(nèi)的內(nèi)容在文檔整個制表順序中的位置。制表順序以有顯式tabindex值的元素開始,并按照從低到高的數(shù)字順序排列。相同值的標簽會按照它們在文檔中出現(xiàn)的順序來決定其在制表順序中的選擇。對于各種表單控件和超鏈接這樣的其他所有可選擇的標簽來說,這種表格標簽會排在最后,并按照它們在文檔中出現(xiàn)的順序獲得制表順序。如果要從制表序列中去掉一個元素,只要將tabindex的值設(shè)為0就可以了。當用戶按Tab鍵在表單元素中切換時,這個元素會被忽略。Internet Explorer利用其特有的taborder和notab屬性,引入了制表順序管理的概念。taborder屬性與tabindex屬性的功能一樣,只是notab等于tabindex=0。通常來講,建議最好采用tabindex屬性而不要用taborder.
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評論 1 41
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,149評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 一直想告訴你,不管你是否感受到,當你不在我視線范圍內(nèi)的每一分每一秒我內(nèi)心的某個位置始終惦念著你,也不管我是否說出或...
    伊雪112閱讀 108評論 0 0
  • 新員工剛走入社會,就置身于一個周圍盡是勝利者及頂尖銷售高手的環(huán)境。當他看到這樣一群積極而熱愛工作,工作非常勤...
    江湖人稱賈老師閱讀 704評論 0 49

友情鏈接更多精彩內(nèi)容