表单控件: 、 是用于一般外观的标签,如输入字段、选择项和文本区域。
注意:为了使 用户 界面更像样,根据需要使用填充、边距等属性。
例子:
HTML
HTML
HTML
HTML
Input Range
HTML
Radios and CheckBoxes
HTML
Horizontal Form
输出:
笔记:
- 用于表单控件的类是.form-control。
- 可以使用 .form-control-lg和.form-control-sm调整表单控件的大小
例子:
HTML
输出:
- 文件输入类型可以用类.form-control-file 定义
例子:
HTML
输出:
- 范围输入类型可以用类.form-control-range 定义
例子:
HTML
Input Range
输出:
2. Radios 和 checkboxes: radio 和 checkboxes 使用的类是.form-check。
例子:
HTML
Radios and CheckBoxes
输出:
3.水平表格:水平表格使用的类是.form-row
例子:
HTML
Horizontal Form
输出:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器