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