输入框

八、带下拉列表的按钮组合依赖于第三方 Popper.js插件实现

一、示例

在input的任何一侧放置一个附加组件或按钮,您也可以在Input输入框的两面各放置一个组件(或按钮),我们不支持单个输入组合中有多个表单控制项,同时<label>必须在输入框组之外。

@
@example.com
https://example.com/users/
$
.00
With textarea

二、包装

默认情况下,输入组通过flex-wrap: wrap 以便在输入组中容纳自定义表单字段验证.N你可以使用以下命令禁用此功能 .flex-nowrap.

@

三、规格尺寸定义

将相对表单大小的class样式加到 .input-group中,其内容会自动调整大小,如.input-group-lg.input-group-sm,不需要在每个元素上重重使用样式控制其大小。

Small
Default
Large

四、勾选或单选框组合

五、多个输入

尽管可视化支持多个 <input>但验证样式仅适用于具有单个<input>的输入组。

First and last name

六、多类型控件组合

支持多种控件结合,比如复选框和、文本、input框混合使用。

$ 0.00
$ 0.00

七、按钮组合

八、带下拉列表的按钮组合

九、分裂式按钮与input组合

十、自定义表单

输入组包括对自定义选择和自定义文件输入的支持。 这些浏览器的默认版本不受支持。

1,自定义选择

2,自定义文件输入

Upload
Upload