bootstrap中的form表单属性role=form有什么作⽤？
html ⾥⾯的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在⼀些⾃定义的组件上，这样可增强组件的可访问性、可⽤性和可交互性。
role的作⽤是描述⼀个⾮标准的tag的实际作⽤。⽐如⽤div做button，那么设置div 的 role=“button”，辅助⼯具就可以认出这实际上是个button
⽐如，
html中提交表单用什么属性<div role="checkbox" aria-checked="checked"></div>
辅助⼯具就会知道，这个div实际上是个checkbox的⾓⾊，为选中状态。
role是⽆障碍阅读，是给有阅读障碍的⼈设置的属性，有阅读障碍的⼈可以⽤读屏软件来解析，跟正常⼈没多⼤关系。可以不设置，不设置的话读屏软件就⽆法解析，有阅读障碍的⼈也就"看"不了了。
既然是个良好的编程习惯，那么是不是所有标签都写role⽐较好呢?
⽐如
<div role = "div"></div>
正常的⽂本本来就可以读，但是表单中有时候输⼊密码框前⾯并没有密码的提⽰，提⽰在框内⽤Placeholder写的，正常⼈知道这⾥输⼊密码，可是读不出来，这时候这个东西就起作⽤了。
属性role的存在，是为了告诉Accessibility类应⽤（⽐如屏幕朗读程序，为盲⼈提供的访问⽹络的便利程序），这是⼀个按钮。在html5元素内，标签本⾝就是有语义的，因此role是不必添加的，⾄少是不推荐的，但是bootstrap的案例内很多都是有类似的属性和声明的，⽬的是为了兼容⽼版本的浏览器（⽤户代理），如果你的代码使⽤了html5标签，并且不准备⽀持⽼版本的浏览器，不妨不使⽤role标签。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。