zoukankan      html  css  js  c++  java
  • 前端通过form表单构造带参数url

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <form>

    <div class="col-lg-3">
    source
    <select name="source"> <option value="">---------</option> <option value="0">Baidu商桥</option> <option value="1">51CTO</option> <option value="2">QQ群</option> <option value="3">知乎</option> <option value="4">SOGO</option> <option value="5">转介绍</option> <option value="6">其他</option> </select>
    </div>
    <div class="col-lg-3">
    status
    <select name="status"> <option value="">---------</option> <option value="0">已报名</option> <option value="1">未报名</option> <option value="2">已退学</option> </select>
    </div>
    <div class="col-lg-3">
    consultant
    <select name="consultant"> <option value="">---------</option> <option value="1">root</option> </select>
    </div>
    <div class="col-lg-3">
    date
    <select name="date"> <option value="2018-05-23">今天</option> <option value="2018-05-22">昨天</option> <option value="2018-05-16">近7天</option> <option value="2018-05-16">近30天</option> </select>
    </div>
    <input type="submit" class="btn btn-success" value="过滤">
    </form>
    </body>
    </html>


    1、form表单没有定义method方法,默认为get
    2、该页面,点击过滤按钮,提交表单,url变为:
    页面的url/?source=&status=&consultant=&date__lt=2018-05-22
  • 相关阅读:
    同花顺笔试碰到的一道前端编程题
    闭包会造成内存泄漏吗?
    动态添加和删除节点元素,函数封装
    58同城2018校招前端笔试题总结
    拼多多2018提前批前端笔试总结
    根据字符串字符的个数排序输出
    ES6数组对象新增方法
    【转】浅析BFC及其作用
    《具体数学》学习笔记
    KMP总结
  • 原文地址:https://www.cnblogs.com/yoyo008/p/9076076.html
Copyright © 2011-2022 走看看