表单内容

文本框


                    <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"  style="font-size: 20px">用户名</label>
                        <div class="col-sm-10">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="form-control占整行">
                            <div class="input-group-addon">附着</div>
                        </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" style="font-size: 20px">邮箱</label>
                        <div  class="col-sm-10">
                            <input type="email" class="form-control" placeholder="输入邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" style="font-size: 20px">密码</label>
                        <div  class="col-sm-10">
                               <input type="password" class="form-control" placeholder="输入密码">
                        </div>
                    </div>
            </form>

正误显示


                    <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"  style="font-size: 20px">用户名</label>
                        <div class="col-sm-10">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="form-control占整行">
                            <div class="input-group-addon">附着</div>
                        </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" style="font-size: 20px">邮箱</label>
                        <div  class="col-sm-10">
                            <input type="email" class="form-control" placeholder="输入邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" style="font-size: 20px">密码</label>
                        <div  class="col-sm-10">
                               <input type="password" class="form-control" placeholder="输入密码">
                        </div>
                    </div>
            </form>

单复选


                    <div class="radio">
                        <label>
                             <input type="radio" name="sex" value="m">man
                        </label>
                        <label>
                               <input type="radio" name="sex" value="w">woman
                        </label>
                </div>
                <div class="checkbox">
                        <label>
                              <input type="checkbox" name="sex" value="f">football
                        </label>
                        <label>
                               <input type="checkbox" name="sex" value="b">basketball
                        </label>
                </div>

man woman

football basketball

按钮单复选


                    <div class="btn-group" data-toggle="buttons">
        <button class="btn btn-default"><input type="radio" name="sex" value="m">男</button>
        <button class="btn btn-default"><input type="radio" name="sex" value="w">女</button>
</div>
<div class="btn-group" data-toggle="buttons">
        <button class="btn btn-default"><input type="checkbox" name="like" value="f">足球</button>
        <button class="btn btn-default"><input type="checkbox" name="like" value="b">篮球</button>
</div>

下拉选择框


                    <select class="form-control">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>