Bootstrap CSS 表单参考

Bootstrap 默认设置

单个表单控件会自动通过 Bootstrap 带有一些全局样式。

带有 class="form-control" 的所有文本 <input>、<textarea> 和 <select> 元素都设置为宽度：100%；默认情况下。

所有 3 种表单布局的标准规则:

• 在 <div class="form-group"> 中放置标签和表单控件（需要最佳间距）
• 将 .form-control 添加到所有文本 <input>、<textarea> 和 <select> 元素中

下面的实例创建了一个简单的 Bootstrap 表单，其中包含两个输入字段、一个复选框和一个提交按钮:

Bootstrap 表单实例

<form>
 <div class="form-group">
  <label for="email">Email address:</label>
  <input type="email" class="form-control" id="email">
 </div>
 <div class="form-group">
  <label for="pwd">Password:</label>
  <input type="password" class="form-control" id="pwd">
 </div>
 <div class="checkbox">
  <label><input type="checkbox"> Remember me</label>
 </div>
 <button type="submit" class="btn btn-default">Submit</button>
</form>

表单样式

输入样式