bootstrap中的 form表單屬性role="form"的作用詳解
html 里面的 role 本質(zhì)上是增強語義性，當現(xiàn)有的HTML標簽不能充分表達語義性的時候，就可以借助role來說明。通常這種情況出現(xiàn)在一些自定義的組件上，這樣可增強組件的可訪問性、可用性和可交互性。
role的作用是描述一個非標準的tag的實際作用。比如用div做button，那么設置div 的 role=“button”，輔助工具就可以認出這實際上是個button
比如，
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態(tài)。
role是無障礙閱讀，是給有閱讀障礙的人設置的屬性，有閱讀障礙的人可以用讀屏軟件來解析，跟正常人沒多大關系?？梢圆辉O置，不設置的話讀屏軟件就無法解析，有閱讀障礙的人也就"看"不了了。
既然是個良好的編程習慣,那么是不是所有標簽都寫role比較好呢?
比如
<div role = "div"></div>
正常的文本本來就可以讀，但是表單中有時候輸入密碼框前面并沒有密碼的提示，提示在框內(nèi)用Placeholder寫的，正常人知道這里輸入密碼，可是讀不出來，這時候這個東西就起作用了。
屬性role的存在，是為了告訴Accessibility類應用（比如屏幕朗讀程序，為盲人提供的訪問網(wǎng)絡的便利程序），這是一個按鈕。在html5元素內(nèi)，標簽本身就是有語義的，因此role是不必添加的，至少是不推薦的，但是bootstrap的案例內(nèi)很多都是有類似的屬性和聲明的，目的是為了兼容老版本的瀏覽器（用戶代理），如果你的代碼使用了html5標簽，并且不準備支持老版本的瀏覽器，不妨不使用role標簽。
以上所述是小編給大家介紹的bootstrap中的 form表單屬性role="form"的作用詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
JS基于Ajax實現(xiàn)的網(wǎng)頁Loading效果代碼
這篇文章主要介紹了JS基于Ajax實現(xiàn)的網(wǎng)頁Loading效果代碼,通過時間函數(shù)結合數(shù)學運算實現(xiàn)頁面樣式的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要給大家介紹了關于js控制滾動條滾動的兩種簡單方法,通過JavaScript可以直接控制滾動條的位置,從而達到鎖定滾動條的效果,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。這篇文章主要介紹了BootStrap的JS插件之輪播效果案例詳解的相關資料,需要的朋友可以參考下2016-05-05
JavaScript高級程序設計 閱讀筆記（十七） js事件
IE中是冒泡型事件，即從最特定的事件目標到最不特定的事件目標2012-08-08
JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法,以實例形式分析了輪詢操作的原理與javascript實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
中文亂碼在Java Web開發(fā)中經(jīng)常出現(xiàn)，這是由于不同的部分編碼不一樣造成的，一般在開發(fā)中，我們把所有能設編碼的地方，全部設置成UTF-8，但是有時候還是會出現(xiàn)亂碼的情況。下面通過本文給大家分享JS外部文件中文注釋出現(xiàn)亂碼的解決方案，一起看看吧2017-07-07
這篇文章主要為大家分享了Bootstrap作品展示站點實戰(zhàn)項目，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家介紹了JavaScript分水嶺CommonJS對比ES模塊分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
用js寫一段小程序，但是又覺得使用瀏覽器去運行挺麻煩的，下面為大家介紹下如何使用java程序調(diào)用javascript程序，有類似需求的朋友可以參考下哈，希望對大家有所幫助2013-07-07
ECharts是一個使用JavaScript實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求,下面這篇文章主要給大家介紹了如何從零開始畫echarts地圖的相關資料,需要的朋友可以參考下2022-04-04