zoukankan      html  css  js  c++  java
  • 用bootstrap,排你很多条件的表单。

    <div class="well">
            <div class="row">
                <form>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <div class="form-inline">
                                <div class="form-group">
                                    <label class="control-label">时间</label>
                                    <input type="date" class="form-control" id="dt_stime" />
                                </div>
                                <div class="form-group">
                                    <label class="control-label hidden-xs"></label>
                                    <input type="date" class="form-control" id="dt_etime" />
                                </div>
                                <div class="form-group">
                                    <label class="control-label hidden-xs">兑换码</label>
                                    <input type="text" class="form-control" id="txt_code" placeholder="兑换码" />
                                </div>
                                <div class="form-group">
                                    <select class="form-control" id="slt_isTel">
                                        <option value="100" selected>全部</option>
                                        <option value="1"></option>
                                        <option value="2"></option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="control-label hidden-xs">手机号</label>
                                    <input type="text" class="form-control" id="txt_tel" placeholder="手机号" />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-inline">
                                <div class="form-group">
                                    <label>状态</label>
                                    <select class="form-control" id="slt_status">
                                        <option value="100" selected>全部</option>
                                        <option value="0">未到有效期</option>
                                        <option value="1">未兑换</option>
                                        <option value="2">已兑换</option>
                                        <option value="3">已过期</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>奖品类型</label>
                                    <select class="form-control" id="slt_reward"></select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control" id="slt_agent">
                                        <option value="0" selected>全部商家</option>
    
                                    </select>
                                </div>
                                <div class="form-group">
                                    <button type="button" class="btn btn-primary" id="btn_query"> 搜索</button>
                                    <button type="reset" class="btn btn-white"> 重置</button>
                                    <button type="button" class="btn btn-info"><span class="glyphicon glyphicon-download"></span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    福建C# .net  技术群

  • 相关阅读:
    [Ansible]copy 模块
    [Ansible]script模块
    [Ansible]command shell模块
    [Ansible]Systemd 模块
    [Ansible]YUM 模块
    [Ansible]yum_repository模块 添加 删除yum源
    [Ceph]osd 无法启动 start request repeated too quickly for ceph-osd@1.service
    [Ceph]pool 删除 Error EPERM: pool deletion is disabled; you must first set the mon_allow_pool_delete config option to true before you can destroy a pool
    题解 烷基计数 加强版 加强版
    Polya 定理 学习笔记
  • 原文地址:https://www.cnblogs.com/annkiny/p/8377198.html
Copyright © 2011-2022 走看看