Bootstrap4 支持以下表单控件:
input textarea checkbox radio select Bootstrap InputBootstrap 支持所有的 HTML5 输入类型: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, 以及 color。
注意:: 如果 input 的 type 属性未正确声明,输入框的样式将不会显示。
以下实例使用两个 input 元素,一个是 text,一个是 password :
实例
以下实例演示了 textarea 的样式。
实例
复选框用于让用户从一系列预设置的选项中进行选择,可以选一个或多个。
以下实例包含了三个选项。最后一个是禁用的:
实例
使用 .form-check-inline 类可以让选项显示在同一行上:
实例
单选框用于让用户从一系列预设置的选项中进行选择,只能选一个。
以下实例包含了三个选项。最后一个是禁用的:
实例
使用 .radio-inline 类可以让选项显示在同一行上:
实例
当您想让用户从多个选项中进行选择,但是默认情况下只能选择一个选项时,则使用选择框。
以下实例包含了两个下拉菜单:
实例
1
2
3
4