html 里面的 role?本質上是增強語義性，當現有的HTML標簽不能充分表達語義性的時候，就可以借助role來說明。通常這種情況出現在一些自定義的組件上，這樣可增強組件的可訪問性、可用性和可交互性。

role的作用是描述一個非標準的tag的實際作用。比如用div做button，那么設置div 的 role=“button”，輔助工具就可以認出這實際上是個button比如，

輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態。

1、下拉菜單(單選)：

踢足球

游泳

慢跑

跳舞

2、下拉菜單(多選)：

踢足球

游泳

慢跑

跳舞

3、輸入框(input)：

4、文本域(textare)

(rows:可以輸入的行數)

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

因為Bootstrap框架中的“form-control”樣式的表單控件寬度為100%或auto。

5、復選框checkbox和單選按鈕radio

(縱向排列)

案例1

記住密碼

喜歡

不喜歡

6、復選框checkbox和單選按鈕radio

(橫向排列)

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

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

男性

女性

中性

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。