溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關bootstrap中form表單屬性role="form"有什么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
html 里面的 role 本質上是增強語義性，當現有的HTML標簽不能充分表達語義性的時候，就可以借助role來說明。通常這種情況出現在一些自定義的組件上，這樣可增強組件的可訪問性、可用性和可交互性。
role的作用是描述一個非標準的tag的實際作用。比如用div做button，那么設置div 的 role=“button”，輔助工具就可以認出這實際上是個button
比如，
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態。
role是無障礙閱讀，是給有閱讀障礙的人設置的屬性，有閱讀障礙的人可以用讀屏軟件來解析，跟正常人沒多大關系。可以不設置，不設置的話讀屏軟件就無法解析，有閱讀障礙的人也就"看"不了了。
既然是個良好的編程習慣,那么是不是所有標簽都寫role比較好呢?
比如
<div role = "div"></div>
正常的文本本來就可以讀，但是表單中有時候輸入密碼框前面并沒有密碼的提示，提示在框內用Placeholder寫的，正常人知道這里輸入密碼，可是讀不出來，這時候這個東西就起作用了。
屬性role的存在，是為了告訴Accessibility類應用（比如屏幕朗讀程序，為盲人提供的訪問網絡的便利程序），這是一個按鈕。在html5元素內，標簽本身就是有語義的，因此role是不必添加的，至少是不推薦的，但是bootstrap的案例內很多都是有類似的屬性和聲明的，目的是為了兼容老版本的瀏覽器（用戶代理），如果你的代碼使用了html5標簽，并且不準備支持老版本的瀏覽器，不妨不使用role標簽。
感謝各位的閱讀！關于“bootstrap中form表單屬性role="form"有什么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
