這篇文章給大家分享的是有關(guān)bootstrap中form表單屬性role="form"有什么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站與策劃設(shè)計(jì),衛(wèi)濱網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:衛(wèi)濱等地區(qū)。衛(wèi)濱做網(wǎng)站價(jià)格咨詢:028-86922220
html 里面的 role 本質(zhì)上是增強(qiáng)語(yǔ)義性，當(dāng)現(xiàn)有的HTML標(biāo)簽不能充分表達(dá)語(yǔ)義性的時(shí)候，就可以借助role來(lái)說(shuō)明。通常這種情況出現(xiàn)在一些自定義的組件上，這樣可增強(qiáng)組件的可訪問性、可用性和可交互性。
role的作用是描述一個(gè)非標(biāo)準(zhǔn)的tag的實(shí)際作用。比如用div做button，那么設(shè)置div 的 role=“button”，輔助工具就可以認(rèn)出這實(shí)際上是個(gè)button
比如，
輔助工具就會(huì)知道，這個(gè)div實(shí)際上是個(gè)checkbox的角色，為選中狀態(tài)。
role是無(wú)障礙閱讀，是給有閱讀障礙的人設(shè)置的屬性，有閱讀障礙的人可以用讀屏軟件來(lái)解析，跟正常人沒多大關(guān)系?？梢圆辉O(shè)置，不設(shè)置的話讀屏軟件就無(wú)法解析，有閱讀障礙的人也就"看"不了了。
既然是個(gè)良好的編程習(xí)慣,那么是不是所有標(biāo)簽都寫role比較好呢?
比如
正常的文本本來(lái)就可以讀，但是表單中有時(shí)候輸入密碼框前面并沒有密碼的提示，提示在框內(nèi)用Placeholder寫的，正常人知道這里輸入密碼，可是讀不出來(lái)，這時(shí)候這個(gè)東西就起作用了。
屬性role的存在，是為了告訴Accessibility類應(yīng)用（比如屏幕朗讀程序，為盲人提供的訪問網(wǎng)絡(luò)的便利程序），這是一個(gè)按鈕。在html5元素內(nèi)，標(biāo)簽本身就是有語(yǔ)義的，因此role是不必添加的，至少是不推薦的，但是bootstrap的案例內(nèi)很多都是有類似的屬性和聲明的，目的是為了兼容老版本的瀏覽器（用戶代理），如果你的代碼使用了html5標(biāo)簽，并且不準(zhǔn)備支持老版本的瀏覽器，不妨不使用role標(biāo)簽。
感謝各位的閱讀！關(guān)于“bootstrap中form表單屬性role="form"有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
重慶分公司
重慶分公司
