html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。

role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button比如，

辅助工具就会知道，这个div实际上是个checkbox的角色，为选中状态。

1、下拉菜单(单选)：

2、下拉菜单(多选)：

3、输入框(input)：

4、文本域(textare)

设置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”