12-表单-基本使用

默认情况下 bootstrap为表单元素提供一个 .form-control 类，它可以用在 <input>、<textarea> 和 <select> 元素。

这样这些元素的宽度都被设为 width: 100%;。

另外将 <label> 放在 <div class="form-group"> 里面就可以形成很好的组合了，比如：

<form>
  <div class="form-group">
    <label for="exampleInputEmail1">邮箱地址</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">密码</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">附件上传</label>
    <input type="file" id="exampleInputFile">
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> 勾选我
    </label>
  </div>
  <button type="submit" class="btn btn-default">提交</button>
</form>Code language: HTML, XML (xml)