html 里面的 role?本質(zhì)上是增強(qiáng)語(yǔ)義性，當(dāng)現(xiàn)有的HTML標(biāo)簽不能充分表達(dá)語(yǔ)義性的時(shí)候，就可以借助role來(lái)說(shuō)明。通常這種情況出現(xiàn)在一些自定義的組件上，這樣可增強(qiáng)組件的可訪問(wèn)性、可用性和可交互性。

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)。

1、下拉菜單(單選)：

踢足球

游泳

慢跑

跳舞

2、下拉菜單(多選)：

踢足球

游泳

慢跑

跳舞

3、輸入框(input)：

4、文本域(textare)

(rows:可以輸入的行數(shù))

設(shè)置cols可以設(shè)置其寬度。但如果textarea元素中添加了類名“form-control”類名，則無(wú)需設(shè)置cols屬性。

因?yàn)锽ootstrap框架中的“form-control”樣式的表單控件寬度為100%或auto。

5、復(fù)選框checkbox和單選按鈕radio

(縱向排列)

案例1

記住密碼

喜歡

不喜歡

6、復(fù)選框checkbox和單選按鈕radio

(橫向排列)

1、如果checkbox需要水平排列，只需要在label標(biāo)簽上添加類名“checkbox-inline”

2、如果radio需要水平排列，只需要在label標(biāo)簽上添加類名“radio-inline”

男性

女性

中性

總結(jié)

以上是生活随笔為你收集整理的bootstrap带有下拉按钮的输入框_关于bootstrap--表单（下拉select、输入框input、文本域textare复选框checkbox和单选按钮radio）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。