HTML Form 传值

作者: 闭眼卖布 | 来源:发表于2017-04-07 00:17 被阅读345次

今天碰到一个 HTML 的问题,一个表单在提交后,到达 action 指向的页面后,在连接中所传递的值,都直接被删除了的问题。比如 <form action="http://dest.com?id=1" method="GET"></form>,这个表单在提交后,网页的链接为 http://dest.com? 而后面本来想要传递的值 id = 1 没了。

以前在处理 form 的传值上,多数为 POST method, 直接用 JS 提取表格内输入的值,这种方式因为项目给的时候,用了这种方法,不想大改,就继续沿用。出现这个问题的原因是,在提交表单后,浏览器会自动用表单里面的内容生成新的 key=value 来替换掉原来问号后面的内容。

正确的做法也挺简单,如下

<form action="http://dest.com?id=1" method="GET">
    <input type="hidden" name="id" value="1">
</form>

这样就搞定了。

更多例子和解释参照:http://stackoverflow.com/questions/1116019/submitting-a-get-form-with-query-string-params-and-hidden-params-disappear

相关文章

  • HTML Form 传值

    今天碰到一个 HTML 的问题,一个表单在提交后,到达 action 指向的页面后,在连接中所传递的值,都直接被删...

  • _GET _POST 传值 页面跳转

    javascript 页面跳转 php 传值 对于a标签 id写在a标签的属性 对于form表单 传在form 属...

  • php文件上传

    一.首先看看html的form表单结构 form表单需要定义method的属性的值,可以为2种:get和post;...

  • JSP --> servlet

    JSP页面有3种方法向 servlet传值: form表单、URL 、其他 1、对于该JSP页面 form表单的内...

  • Thymeleaf语法,使用范例

    url传参数: onclick传参数 必须按着这个写 post+form写法: 传值给js 操作对象: 时间对...

  • H5表单

    H5表单 1. HTML4 form表单复习 input 表单type属性值 text ...

  • Express接收数据(post、get)

    1)接收前台form表单的get传值 注意前台配置form表单的action是后台配置的路由路径 2)进阶利用aj...

  • Form表单

    1、form表单有什么作用?有哪些常用的input标签,分别有什么作用?html5新增了哪些值? 作用:HTML ...

  • 02_html&css

    HTML 表单标签

    form标签属性action:表单提交的路径,可以是html,也可以...

  • 近期vue开发相关问题

    问题一: 子组件传值给父组件,当使用elementUI是,modal弹框中需要一个form表单,所以我把form表...

网友评论

    本文标题:HTML Form 传值

    本文链接:https://www.haomeiwen.com/subject/dbycattx.html