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  技术群

  • 相关阅读:
    【整理】Web页面防止重复提交
    C#域验证的代码
    【整理】delegate+RemotingServices 委托+远程调用的一个实例
    【转载】框架里跨域Session丢失问题
    转贴:谈谈多线程的思维方式
    list,vector,deque有什么区别
    转贴:.NET多线程编程(3):线程同步
    转贴:.NET多线程编程(1):多任务和多线程
    转贴:.NET多线程编程(2):System.Threading.Thread类
    转贴:.NET多线程编程(4):线程池和异步编程
  • 原文地址:https://www.cnblogs.com/annkiny/p/8377198.html
Copyright © 2011-2022 走看看