表单包含基本示例、内联布局与水平排列,涵盖各类控件支持,如静态、禁用、只读及校验状态,提供焦点效果、尺寸调节和辅助文字说明。
1、 调整控件高度,使表单元素与按钮大小协调一致。
2、 水平表单组的尺寸
3、 通过为水平表单添加 .form-group-lg 或 .form-group-sm 类,可快速调整其内部 label 标签和表单控件的整体尺寸,实现大号或小号的表单元素显示效果,提升界面适配灵活性。
4、 调整列宽大小
5、 通过栅格系统的列来包裹输入框或其父元素,可便捷地设定其宽度。
6、 辅助文字
7、 用于表单控件的区块级辅助说明文字。
8、 关联于表单控件的辅助说明文字
9、 通过为表单控件设置 aria-describedby 属性并关联相应的帮助文本,可确保使用屏幕阅读器等辅助技术的用户在控件获得焦点或进入时,能够接收到该提示信息,从而提升操作的可访问性与用户体验。
10、 Bootstrap图标可访问官网查询获取
