bootstrap中form表單屬性role="form"有什么用

這篇文章給大家分享的是有關(guān)bootstrap中form表單屬性role="form"有什么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

html 里面的 role 本質(zhì)上是增強語義性，當現(xiàn)有的HTML標簽不能充分表達語義性的時候，就可以借助role來說明。通常這種情況出現(xiàn)在一些自定義的組件上，這樣可增強組件的可訪問性、可用性和可交互性。

role的作用是描述一個非標準的tag的實際作用。比如用div做button，那么設(shè)置div 的 role=“button”，輔助工具就可以認出這實際上是個button

比如，

<div role="checkbox" aria-checked="checked"></div>

輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態(tài)。

role是無障礙閱讀，是給有閱讀障礙的人設(shè)置的屬性，有閱讀障礙的人可以用讀屏軟件來解析，跟正常人沒多大關(guān)系。可以不設(shè)置，不設(shè)置的話讀屏軟件就無法解析，有閱讀障礙的人也就"看"不了了。

既然是個良好的編程習慣,那么是不是所有標簽都寫role比較好呢?
比如

<div role = "div"></div>

正常的文本本來就可以讀，但是表單中有時候輸入密碼框前面并沒有密碼的提示，提示在框內(nèi)用Placeholder寫的，正常人知道這里輸入密碼，可是讀不出來，這時候這個東西就起作用了。

屬性role的存在，是為了告訴Accessibility類應用（比如屏幕朗讀程序，為盲人提供的訪問網(wǎng)絡(luò)的便利程序），這是一個按鈕。在html5元素內(nèi)，標簽本身就是有語義的，因此role是不必添加的，至少是不推薦的，但是bootstrap的案例內(nèi)很多都是有類似的屬性和聲明的，目的是為了兼容老版本的瀏覽器（用戶代理），如果你的代碼使用了html5標簽，并且不準備支持老版本的瀏覽器，不妨不使用role標簽。

感謝各位的閱讀！關(guān)于“bootstrap中form表單屬性role="form"有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！