多按钮提交表单

最新推荐文章于 2023-11-03 10:29:34 发布
最新推荐文章于 2023-11-03 10:29:34 发布
阅读量438 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xihuangwutong/article/details/23691605
版权

当遇到一个表单要有多个操作的时候要分别的给不同的操作有不同的动作

可以用js来设定一个操作对应的action，这样一个动作在一个页面


那如果操作都在一个页面呢？使用了模板不能用get方法传递参数时呢！

我的解决方案是隐藏表单，不能用hidden

<input type="text" sytle="display:none">

能起到同样的作用

用js给隐藏域赋值，利用隐藏域的值在后台收到判前台的动作，进行不同的操作

xihuangwutong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
按钮提交表单
wyaspnet的专栏
07-28 1万+
2.3  提交表单数据ASP.NET Framework包含三个用于向服务器端提交表单的控件：Button、LinkButton和ImageButton。这三个控件拥有同样的功能，但每种控件的外观截然不同。本节学习如何在页面中使用这三种控件。然后，学习如何关联客户端脚本和服务器端Button控件，以及如何使用Button控件把一个表单传到不是当前页的页面。最后，学习如何处理Button
按钮提交form表单 js
yingmengxuepingbao的专栏
03-03 970
按钮提交form表单 js 就是点击按钮使用form表单提交信息！
提交表单~
AturboS的博客
08-09 1679
.1提交表单 表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。 点击下面例子中定义的所有按钮都可以提交它们所在的表单： <!-- 通用提交按钮--> <input type="submit" value="Submit Form"> <!--..
HTML_表单的介绍&提交按钮
想要成为大佬的彪彪
10-24 7105
一：表单的定义 发送请求，并且携带数据给服务器。 表单和超链接有共同的特征，就是都可以向服务器发送请求， 只不过超链接是用户直接点击发送请求，不能填写数据。 而用户点击表单提交的时候，不但可以发送请求，而且请求中还可以携带输入的数据。 表单最主要的作用就是：收集用户的信息。 表单对应的英语单词是：for...
06_HTML_表单提交的细节（submit提交按钮的使用细节）
qq_45657848的博客
01-13 1万+
HTML_表单提交的细节（submit提交按钮的使用细节） file类型、隐藏域和提交submit的关系
php实现表单多按钮提交action的处理方法
12-19
当用户点击其中一个按钮提交表单时，服务器端可以通过PHP来判断哪个按钮被点击了。这通常通过检查POST或GET数据来完成。如果表单使用GET方法提交，那么数据会被附加到URL后面；如果使用POST方法，数据则会隐藏在HTTP...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
r键按钮提交表单代码.rar_r键按钮提交表单代码
09-23
"r键按钮提交表单代码"这个主题涉及到如何利用键盘快捷键，尤其是Ctrl+Enter和R键来触发表单的提交操作。这通常用于提高用户效率，让用户在不离开键盘的情况下也能方便地发送数据。下面我们将详细探讨这一技术。 ...
layui弹出层按钮提交iframe表单的方法
01-19
如下所示： layer.open({ id: 'LAY_layuipro', //设定一个id，防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'], yes: function(index, layero){ ...
js实现表单多按钮提交action的处理方法
10-23
然而，在某些场景下，我们需要实现多个按钮各自对应不同的处理逻辑，这就涉及到表单多按钮提交action的处理方法。 在JavaScript中，我们可以通过给按钮绑定不同的事件处理函数来实现这一需求。当某个按钮被点击时，...
微信小程序：实现多个按钮提交form表单
最新发布
weixin_46001736的博客
11-03 1158
微信小程序：实现多个按钮提交form表单
关于form与表单提交操作
梦和远方的博客
05-06 1885
一个表单里面只要有form元素，如果没有给action加一个默认值，为空白的时候，当你刷新页面时，会弹出一个警告框提示你已经填入表单，刷新数据将会丢失。 如果一个表单里面有一个type="submit"的button、或者type="submit"的input，或者type="image"的input，点击则会触发表单提交动作。即使你使用了return false，按钮也还是会提交submit...
button按钮提交表单问题
牧小七的博客
02-24 2260
问题描述： 表单中嵌套按钮，在点击按钮时会自动提交表单 <form action="/save"> <button>提交</button> </form> 原因分析： 表单中的button按钮，没有指定 type="button"，则默认是 submit 类型，所以当点击按钮时会提交表单 解决方案： 在 button 标签中添加 type="button" 属性 <form action="/save"> <button
form表单的两种提交方式，submit和button的用法
热门推荐
honey_Claire的专栏
06-13 63万+
1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在jsp的前端页面写；有两种方法，一种是用submit提交。一种是用button提交。 方法一： 在jsp的前端页面的头部插入一个js方法：  function checkUser(){    var result = document.getElementById("userid").value;
form表单提交的几种方式
a1194821568的博客
06-04 17万+
表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> <body> <form action="h...
Button按钮提交form表单
weixin_44897718的博客
10-15 2593
Button按钮提交form表单 function userlogin(){ document.getElementById("userlogin").submit(); } <form id="userlogin"> <button class="btn btn-lg" οnclick="userlogin()">登录</button> </fo...
一个form表单有多个提交按钮
ITcainiaoyizhan的博客
11-28 2582
思路是这样的：先不指定表单的action，让action属性为""，method=“post”，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个按钮的onclick方法是一样的，只是传递的参数不一样，这里的参数只是起到标记是哪一个按钮的用。 最后根据onclick里的方法传递的参数不同，可以判断是来自哪一个按钮的消息，再为表单设置方法并提交。 这里有个案例（发布文章...
form表单中button按钮自动提交数据
hotchange的博客
07-07 7987
from表单中button按钮自动提交表单内容。 问题描述： 给button按钮绑定click事件，使用ajax向后台提交数据，在回调函数中无法实现页面跳转，并且页面会自动刷新。 有时回调函数中的语句还会出现不执行等情况。 这些情况的产生完全取决于form表单在button按钮被点击后什么时间自动刷新页面。 解决方案： 1、设置 form 的 onsubmit='return fal...
点击按钮实现表单的提交
05-29
要实现表单的提交，你可以在 HTML 表单中添加一个按钮，并在按钮上添加一个点击事件，然后在点击事件处理程序中使用 JavaScript 提交表单。以下是示例代码： ```html <form id="myForm"> <!-- 表单元素 --> <button type="button" onclick="submitForm()">提交</button> </form> <script> function submitForm() { var form = document.getElementById("myForm"); form.submit(); } </script> ``` 在这个示例中，我们在表单中添加了一个按钮，并在按钮上添加了一个 `onclick` 属性，其值为 `submitForm()` 函数。在 `submitForm()` 函数中，我们首先使用 `document.getElementById()` 方法获取表单元素，然后调用表单的 `submit()` 方法提交表单。 请注意，这里使用了 `type="button"` 属性来防止按钮默认地提交表单，而是在点击时调用 JavaScript 函数。如果你使用了 `type="submit"` 属性，那么按钮会默认地提交表单，而不需要添加 JavaScript 代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值