【Bootstrap V4系列】学习入门教程之 组件-表单(Forms)高级用法(二)
Bootstrap V4系列 学习入门教程之 组件-表单(Forms)高级用法(二)
- 表单(Forms)高级用法(二)
- 一、Help text 帮助文本
- 二、Disabled forms 禁用表单
- 三、Validation 验证
- 3.1 How it works
- 3.2 Custom styles 自定义样式
- 3.3 Browser defaults 浏览器默认值
- 3.4 Tooltips 工具提示
- 四、Custom forms 自定义表单
- 4.1 Checkboxes and radios 复选框和单选
- Checkboxes 复选框
- Radios 单选
- Inline 内联
- 4.2 Switches 开关
- 4.3 Select menu 选择菜单
表单(Forms)高级用法(二)
一、Help text 帮助文本
表单中的块级帮助文本可以使用.form-text
文本(以前在v3中称为.help-block
块)创建。内联帮助文本可以使用任何内联HTML元素和实用程序类(如.text-muted
)灵活实现。
将帮助文本与表单控件相关联
帮助文本应与使用
aria-descripted
属性相关的表单控件显式关联。这将确保辅助技术(如屏幕阅读器)在用户聚焦或进入控件时宣布此帮助文本。
输入下方的帮助文本可以使用.form-text
文本设置样式。这个类包括display:block
,并添加了一些上边距,以便与上面的输入间隔开。
这里是引用输入下方的帮助文本可以使用.form-text
文本设置样式。这个类包括display:block
,并添加了一些上边距,以便与上面的输入间隔开。