bootstrap中的 form表單屬性role="form"的作用詳解
html 里面的 role 本質(zhì)上是增強(qiáng)語義性，當(dāng)現(xiàn)有的HTML標(biāo)簽不能充分表達(dá)語義性的時候，就可以借助role來說明。通常這種情況出現(xiàn)在一些自定義的組件上，這樣可增強(qiáng)組件的可訪問性、可用性和可交互性。
role的作用是描述一個非標(biāo)準(zhǔn)的tag的實(shí)際作用。比如用div做button，那么設(shè)置div 的 role=“button”，輔助工具就可以認(rèn)出這實(shí)際上是個button
比如，
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會知道，這個div實(shí)際上是個checkbox的角色，為選中狀態(tài)。
role是無障礙閱讀，是給有閱讀障礙的人設(shè)置的屬性，有閱讀障礙的人可以用讀屏軟件來解析，跟正常人沒多大關(guān)系?？梢圆辉O(shè)置，不設(shè)置的話讀屏軟件就無法解析，有閱讀障礙的人也就"看"不了了。
既然是個良好的編程習(xí)慣,那么是不是所有標(biāo)簽都寫role比較好呢?
比如
<div role = "div"></div>
正常的文本本來就可以讀，但是表單中有時候輸入密碼框前面并沒有密碼的提示，提示在框內(nèi)用Placeholder寫的，正常人知道這里輸入密碼，可是讀不出來，這時候這個東西就起作用了。
屬性role的存在，是為了告訴Accessibility類應(yīng)用（比如屏幕朗讀程序，為盲人提供的訪問網(wǎng)絡(luò)的便利程序），這是一個按鈕。在html5元素內(nèi)，標(biāo)簽本身就是有語義的，因此role是不必添加的，至少是不推薦的，但是bootstrap的案例內(nèi)很多都是有類似的屬性和聲明的，目的是為了兼容老版本的瀏覽器（用戶代理），如果你的代碼使用了html5標(biāo)簽，并且不準(zhǔn)備支持老版本的瀏覽器，不妨不使用role標(biāo)簽。
以上所述是小編給大家介紹的bootstrap中的 form表單屬性role="form"的作用詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript Event學(xué)習(xí)第五章 高級事件注冊模型
在這一章我會講解兩種高級時間注冊模型：W3C和微軟的。因?yàn)檫@兩個方法都不能跨瀏覽器，所以在現(xiàn)在看來他們的使用場合并不多。2010-02-02
微信公眾號JS-SDK獲取當(dāng)前經(jīng)緯度以及地址信息的方法
最近微信JS-SDK開發(fā)過程中,遇到了獲取坐標(biāo)位置的需求,所以下面這篇文章主要給大家介紹了關(guān)于微信公眾號JS-SDK獲取當(dāng)前經(jīng)緯度以及地址信息的相關(guān)資料,需要的朋友可以參考下2022-06-06
JavaScript與jQuery實(shí)現(xiàn)的閃爍輸入效果
這篇文章主要介紹了JavaScript與jQuery實(shí)現(xiàn)的閃爍輸入效果,結(jié)合實(shí)例形式分別分析了JavaScript與jQuery實(shí)現(xiàn)閃爍輸入效果的方法與具體使用技巧,需要的朋友可以參考下2016-02-02
JavaScript實(shí)現(xiàn)x秒后自動跳轉(zhuǎn)到一個頁面
今天看視頻學(xué)習(xí)時學(xué)習(xí)了一種新技術(shù)，即平時我們在一個頁面點(diǎn)擊“提交”或“確認(rèn)”會自動跳轉(zhuǎn)到一個頁面,在網(wǎng)上搜了一下，關(guān)于這個技術(shù)處理有多種方法,有興趣的朋友可以參考下2013-01-01
數(shù)組是幾乎所有編程語言的基礎(chǔ)語法，JavaScript因?yàn)檎Z法特性，我們更需要理解數(shù)組知識。本文從JavaScript中數(shù)組的一些特殊之處入手，通過這些少有特性的詳細(xì)介紹，加深我們對數(shù)組的理解2023-04-04
這篇文章主要為大家介紹了如何利用JavaScript實(shí)現(xiàn)開心消消樂小游戲,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)常用排序算法的代碼，感興趣的小伙伴們可以參考一下2016-08-08
javascript eval函數(shù)深入認(rèn)識
發(fā)現(xiàn)為本文起一個合適的標(biāo)題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的2009-02-02
在學(xué)習(xí)Rx編程的過程中，理解Observable這個概念至關(guān)重要，常規(guī)學(xué)習(xí)過程中，通常需要進(jìn)行多次碰壁才能逐漸開悟。這個有點(diǎn)像小時候?qū)W騎自行車，必須摔幾次才能掌握一樣。當(dāng)然如果有辦法能言傳，則可以少走一些彎路，盡快領(lǐng)悟Rx的精妙2021-06-06
ECMAScript?的?6?種簡單數(shù)據(jù)類型
這篇文章主要介紹了ECMAScript的?6?種簡單數(shù)據(jù)類型，ECMAScript的數(shù)據(jù)類型很靈活，一種數(shù)據(jù)類型可以當(dāng)作多種數(shù)據(jù)類型來使用，具體使用詳情文章詳細(xì)介紹需要的小伙伴可以參考一下2022-06-06