bootstrap表单 ---笔记(3)

<form class="form-inline">
<div class="form-group">
    <label for="email">用户邮箱</label>
    <input type="email" id="email" class="form-control">
</div>
<div class="form-group">
    <label for="pwd">邮箱密码</label>
    <input type="password" id="pwd" class="form-control">
</div>
<div class='input-group'>
    <label>输入您的价格</label>
    <div class="input-group-addon">$</div>
    <input type="number" name="">
</div>

</form>

.form-control 是控制输入框input的样式

.form-group   两个输入框会有固定距离

.form-control  input会有样式

.input-group和.input-group-addon会让div和input紧紧贴在一起

radio和checkbox

<form role="form">
  <h3>案例1</h3>
  <div class="checkbox">
    <label>
      <input type="checkbox" value="">
      记住密码
    </label>
  </div>
  <div class="radio">
    <label>
      <input type="radio" name="optionsRadios" id="optionsRadios1" value="love" checked>
      喜欢
    </label>
  </div>
    <div class="radio">
    <label>
      <input type="radio" name="optionsRadios" id="optionsRadios2" value="hate">
      不喜欢
    </label>
  </div>

  
</form>