bootstrap中的 form表单属性role="form"的作用详解
2017-01-20 16:09
567 查看
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button
比如,
<div role="checkbox" aria-checked="checked"></div>
辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
role是无障碍阅读,是给有阅读障碍的人设置的属性,有阅读障碍的人可以用读屏软件来解析,跟正常人没多大关系。可以不设置,不设置的话读屏软件就无法解析,有阅读障碍的人也就"看"不了了。
既然是个良好的编程习惯,那么是不是所有标签都写role比较好呢?
比如
<div role = "div"></div>
正常的文本本来就可以读,但是表单中有时候输入密码框前面并没有密码的提示,提示在框内用Placeholder写的,正常人知道这里输入密码,可是读不出来,这时候这个东西就起作用了。
属性role的存在,是为了告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这是一个按钮。在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。
以上所述是小编给大家介绍的bootstrap中的 form表单属性role="form"的作用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- bootstrap初试进度条
- 5个常见可用性错误和解决方案
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- 5分钟了解MariaDB创建角色功能
- angular 指令简述
- C#实现windows form拷贝内容到剪贴板的方法
- BootStrap树状图显示功能
- 利用BootStrap弹出二级对话框的简单实现方法
- extjs form textfield的隐藏方法
- C#实现在Form里面内嵌dos窗体的方法
- mvc form表单提交的几种形式整理总结
- asp.net mvc4中bootstrap datetimepicker控件的使用
- form身份验证通过后,只能用FormsAuthentication.RedirectFromLoginPage
- bootstrap table实例详解
- NodeJS和BootStrap分页效果的实现代码
- BootStrap Table对前台页面表格的支持实例讲解
- Bootstrap源码解读按钮(5)
- bootstrap table配置参数例子
- 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
- 浅析Bootstrap验证控件的使用