bootstrap中的 form表单属性role="form"的作用详解
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"的作用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
有大佬知道这里这里这个validate属性有啥用吗，为啥官网没找到
-
本文向大家介绍js获取form表单中name属性的值，包括了js获取form表单中name属性的值的使用技巧和注意事项，需要的朋友参考一下 在项目中因为动态表单无法确定标签name属性的值，因此需要即时获取以便进行存储。前端代码如下： 1、attr：$("#formAttribute1").attr("name");然后得到的值是formAttribute1(有没有前辈能给我讲讲为什么呀) 2、p
-
本文向大家介绍Bootstrap表单Form全面解析，包括了Bootstrap表单Form全面解析的使用技巧和注意事项，需要的朋友参考一下 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 在进行自己的后台改版时，大体布局都使用了bootstrap，剩下的表单部分没理
-
介绍 用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型，2.5 版本开始支持此组件。 引入 import { createApp } from 'vue'; import { Form } from 'vant'; const app = createApp(); app.use(Form); 代码演示 基础用法 在表单中，每个 Field 组件 代表一个表单项，使用 Field
-
基本表单使用 <form id="my-form" action="/test"> <div class="field-row"> <label class="field-label">姓名：</label> <span data-ui-id="uNameTextBox"><input type="text"></span> </div> <div class
-
表单组件。 Usage 全部引入 import { Form } from 'beeshell'; 按需引入 import { Form } from 'beeshell/dist/components/Form'; Examples Standard 布局设计 一个 Form.Item 内部分成三个区域，label 放在左边，Form.Item 的 children 的第一个元素放在右边，其