HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
2016-02-23 00:41
886 查看
一个表单中有时可能会有多个Submit元素,如何在后台区分哪个按钮被点击呢?
网上很多人说用javascript,写一个长长的函数,点击不同的按钮提交不同的数据;还有的说用多个表单;其实完全不需要这么麻烦。
两种方法可以实现,不需要使用javascript。
后台PHP的处理:
原因是只有被点击的submit按钮数据才会被提交。
后台PHP的处理:
要注意的是方法二中,由于用到了中文,前后台编码要保持一致,否则会导致判断失败。
由于对于
网上很多人说用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属性就是要显示到按钮上的文字,很可能用到中文,而且可能会因前端需要被修改,这时后台代码也得跟着改,所以不推荐第二种方法,建议用方法一。
相关文章推荐
- JS特殊函数(Function()构造函数、函数直接量)的区别
- 简单的JsTree 树形视图 checkbox demo
- Javascript技术栈中的四种依赖注入详解
- JavaScript tab选项卡插件实例代码
- javascript每日必学之封装
- 学习Javascript面向对象编程之封装
- 理解javascript封装
- JS实现的仿QQ空间图片弹出效果代码
- javascript每日必学之继承
- javascript每日必学之多态
- 理解javascript定时器中的单线程
- JavaScript添加随滚动条滚动窗体的方法
- JavaScript简单实现鼠标移动切换图片的方法
- Web开发必知Javascript技巧大全
- 理解javascript定时器中的setTimeout与setInterval
- javascript瀑布流式图片懒加载实例
- javascript瀑布流式图片懒加载实例解析与优化
- Javascript类型转换的规则实例解析
- js中遇到问题 *** is not a function
- JSP内置对象——response对象