HTML一个form表单中有两个（多个）submit，后台如何区分（纯HTML实现，无需javascript）

一个表单中有时可能会有多个Submit元素，如何在后台区分哪个按钮被点击呢？

网上很多人说用javascript，写一个长长的函数，点击不同的按钮提交不同的数据；还有的说用多个表单；其实完全不需要这么麻烦。

两种方法可以实现，不需要使用javascript。

方法一、使用不同的name属性

<form method="post">
<input type="submit" name="save" value="保存设置"/>
<input type="submit" name="reset" value="复位设置"/>
</form>

后台PHP的处理：

if ( $_REQUEST['save'] ) {
// ...
} elseif ( $_REQUEST['reset'] ) {
// ...
}

原因是只有被点击的submit按钮数据才会被提交。

方法二、使用相同的name，不同的value

<form method="post">
<input type="submit" name="action" value="保存设置"/>
<input type="submit" name="action" value="复位设置"/>
</form>

后台PHP的处理：

if ( $_REQUEST['action']=='保存设置' ) {
// ...
} elseif ( $_REQUEST['action']=='复位设置' ) {
// ...
}

要注意的是方法二中，由于用到了中文，前后台编码要保持一致，否则会导致判断失败。

由于对于<input type="submit"/>元素，value属性就是要显示到按钮上的文字，很可能用到中文，而且可能会因前端需要被修改，这时后台代码也得跟着改，所以不推荐第二种方法，建议用方法一。

本文由jzj1993原创，转载请注明来源：http://www.paincker.com/html-form-submit

HTML一个form表单中有两个（多个）submit，后台如何区分（纯HTML实现，无需javascript）相关推荐

layui中，lay-filter的使用，一个form表单中两个单选框，form.on()事件
lay-filter是用于区分的,相当于选择器一样. 需求:需要按照类型和专业查询信息.所以需要两个单选框,进行选择. 在单选框中,每一个都要加lay-filter用于区别两个单选框. 点击事件:用于 ...
form表单中的onSubmit
今天看一个代码,突然发现了一个form表单中的onSubmit,估计是好久都没有写前端表单提交了,突然忘了,赶紧到网上查了查. 原文地址:https://www.cnblogs.com/ahudyan ...
在form表单中添加一个隐藏的reset按钮，
//在form表单中添加一个隐藏的reset按钮, <input type="reset" style="display:none;" /> //然 ...
form表单中根据值判断是否disabled_Java 0基础入门（Html表单、表单元素）
上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景百度搜索 5173注册如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...
php表单数据类型,form表单中enctype属性的三种类型
1.form表单中enctype属性的三种类型 form表单中enctype属性可以用来控制对表单数据的发送前的如何进行编码,enctype有三种,分别为: multipart/form-data不对 ...
微信小程序解决微信模板消息发送之form表单中有多个submit 按钮
(由于现在本人现在知识学浅,其中有任何问题,请见谅并指正!!!) 在制作微信小程序过程中,想要发送模板消息,但是遇到一个form表单里面有两个提交按钮,这时候要区别他们,一遍后续操作: 在这里我的处理 ...
uni-app.02.提交form表单的两种方式
提交form表单的两种方式 uni-app提交form表单的两种方式 form表单元素较少前端代码举例后端代码举例 form表单元素较多前端代码举例: 后端java代码举例 uni-app提交f ...
html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...
php中enctype属性,PHP_关于form表单中Enctype属性的用法，关于Form表单中Enctype属性的用 - phpStudy...
关于form表单中Enctype属性的用法关于Form表单中Enctype属性的用法: form表单中的Enctype属性指定将数据发回到服务器时浏览器使用的编码类型. 下面是它的取值说明: mul ...

HTML一个form表单中有两个（多个）submit，后台如何区分（纯HTML实现，无需javascript）

方法一、使用不同的name属性

方法二、使用相同的name，不同的value

HTML一个form表单中有两个（多个）submit，后台如何区分（纯HTML实现，无需javascript）相关推荐

最新文章

热门文章