©
本文档使用PHP中文网手册发布
通过在文本输入的两侧添加文本,按钮或按钮组,轻松扩展表单控件。
在输入的任一侧放置一个附件或按钮。您也可以在输入的两侧放置一个。我们不支持单个输入组中的多个表单控件,并且必须位于输入组之外。
@@example.comhttps://example.com/users/$ .00$ 0.00
将相对表单大小类添加到.input-group
自身,并且内部的内容将自动调整大小 - 无需重复每个元素上的表单控件大小类。
@@
将任何复选框或广播选项放在输入组的插件中,而不是文本。
支持多个附加组件,并且可以与复选框和无线电输入版本混合使用。
$$ 0.00
输入组中的按钮必须包含在一个.input-group-btn
中才能正确对齐和调整大小。由于无法覆盖的默认浏览器样式,因此这是必需的。
如果您没有为每个输入添加标签,屏幕阅读器将会对您的表单造成麻烦。对于这些输入组,确保将任何附加标签或功能传送给辅助技术。
要使用的确切技术(使用.sr-only
类隐藏元素,或使用
aria-label
和aria-labelledby
属性,可能结合使用aria-describedby
)以及需要传达的附加信息取决于您实现的接口窗口小部件的确切类型。本节中的示例提供了一些建议的特定于案例的方法。