输入框组是由表单控件扩展而来,使用输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。
通过向输入域添加前缀和后缀的内容,可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添
加 @,或者应用程序接口所需要的其他公共的元素。
向 .form-control 添加前缀或后缀元素的步骤如下:
中。
内,在 class 为 .input-group-addon 的 内放置额外的内容。
元素,因为它们在 WebKit 浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的 class,输入框组是一个孤立的组件。 基本的输入框组: %3Cmeta%20http-equiv%3D%22content-type%22%20content%3D%22text%2Fhtml%3Bcharset%3Dutf-8%22%20%2F%3E %3Cmeta%20http-equiv%3D%22X-UA-Compatible%22%20content%3D%22IE%3Dedge%22%3E %3Cmeta%20name%3D%22Keywords%22%20content%3D%22%E5%85%B3%E9%94%AE%E8%AF%8D%E4%B8%80%EF%BC%8C%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BA%8C%22%3E %3Cmeta%20name%3D%22Description%22%20content%3D%22%E7%BD%91%E7%AB%99%E6%8F%8F%E8%BF%B0%E5%86%85%E5%AE%B9%22%3E %3Cmeta%20name%3D%22Author%22%20content%3D%22Yvette%20Lau%22%3E %3Cmeta%20name%20%3D%20%22viewport%22%20content%20%3D%20%22%20width%20%3D%20device-width%2C%20initial-scale%20%3D%201%20%22%3E BootstrapDemo %3Clink%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%20href%3D%22..%2Fbootstrap-3.3.5-dist%2Fcss%2Fbootstrap.min.css%22%3E @
.00
$ .00
给.input-group加上.input-group-lg或者是.input-group-sm,.input-group-xs可以改变输入框的大小,这部分内容,和bootstrap
表单部分相同。
$
填写
登录
$登录
下拉