基础表单


水平表单


内联表单


表单控件

输入框 input

下拉选择框 select

文本域 textarea

复选框 checkbox 和单选择按钮 radio

案例1

复选框和单选按钮水平排列

按钮

Button class="" Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use

表单控件大小


表单控件状态-焦点状态

焦点状态


禁用状态

如果 fieldset 设置了 disabled 属性,整个域都将处于被禁用状态。

据说对于整个禁用的域中,如果 legend 中有输入框的话,这个输入框是无法被禁用的。


验证状态

示例1




示例2


表单提示信息

你输入的信息是正确的

定制按钮


标签按钮

a标签按钮 span标签按钮
div标签按钮

按钮大小


块状按钮


按钮状态