一个表单元素俩个按钮跳转不同页面

最新推荐文章于 2021-07-27 15:32:08 发布
最新推荐文章于 2021-07-27 15:32:08 发布
阅读量3k 收藏 12
点赞数 2
分类专栏： web小项目的实现 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39655942/article/details/105248091
版权

一个表单元素俩个按钮跳转不同页面

在这里插入图片描述
图片如上：
红色箭头是用超链接a元素实现的，设置href属性跳转页面
黄色箭头是用javascript实现修改form表单元素的action属性实现跳转，可以达到一个form跳转俩个页面的效果。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
最低0.47元/天 解锁文章
redmoon&
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML：一个form表单有两个按钮，分别提交到不同的页面
12-27 1907
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>支付测试模板</title> </head> <body> <form action="" name="pay" me...
from表单多个按钮提交用onclick跳转不同action
09-04
主要介绍了from表单多个按钮提交用onclick跳转不同action,需要的朋友可以参考下
跳转标签 oracle,html中一个form下两个跳转页面
weixin_39606361的博客
04-09 241
问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下，代码如下：当点击批量删除时，可以正常跳转到delall.php页面，但是批量审批时，由于使用botton按钮，就不能跳转到sh.php页面，怎么解决跳转不同页面时，可以使用js完成该工作。解决方法：1、在“批量审核”后添加onclick事件，编写ztSh()函数；2、js函数：function ztSh(){do...
html5中如何将一个表单内容发送到不同界面(纯html5)
ZHYCarge的博客
03-22 479
前言 在制作文件管理系统的时候,需要借出以及归还,需要将同一个表单内容指向不同的两个界面,因此查书发现在html5中新增了相关办法 过程 如何实现 代码如下 <body> <h2>请输入相关信息</h2> <form name='submit' action='borrow.php' method='post'> <label> 学号： <input type='text' name='sid' aut
两个按钮的提交跳转到不同页面（最简单的方法）
wd422988145的专栏
09-04 3807
       <form action=ProntEdit?param=${requestScope.work eq "add" ? "doCreate":"doUpdate"} name="form1"> 商品名称：
js控制form action到不同的页面
shao.bing的专栏
06-23 1156
<br />法一、<br /><form name="form1" action=""> <br /><input type="button" value="action1" onclick="form1.action='1';form1.submit();"> <br /><input type="button" value="action2" onclick="form1.action='2';form1.submit();"> <br /></form><br /> <br /> 法二、<br /><
js表单注册实现页面登录信息提示（附:阻止页面跳转）
01-08
`是一个关键部分，它用于阻止默认的表单提交行为，防止页面跳转到表单的`action`属性指定的URL（如果没有指定，则通常是当前页面）。 `window.onload`函数是页面加载完成后的回调，确保在执行JavaScript代码时，...
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
Struts2 提供了一种机制，允许在同一个Action类中定义不同的方法来响应这些按钮的点击事件，而无需为每个按钮创建单独的Action。 在传统的Web开发中，处理多个提交按钮可能需要为每个按钮创建不同的表单或者不同的...
Python flask框架实现浏览器点击自定义跳转页面
09-16
在`_init_.py`文件中，我们初始化一个Flask应用实例，并定义两个路由：`/` 和 `/cool_form`。路由是URL模式，当用户访问与这些模式匹配的URL时，相应的函数将被调用。 `@app.route('/')` 是首页路由，它定义了一个...
php通过隐藏表单控件获取到前两个页面的url
12-18
在HTML表单中，我们可以创建一个隐藏的输入元素，如下所示： ```html $_SERVER['HTTP_REFERER']; ?>"> ``` 这个隐藏的表单字段`<input>`的`name`属性设为`prevurl`，`value`属性则通过PHP的`$_SERVER`超全局数组中...
html页面跳转传递参数问题
09-28
A页面包含两个元素，一个表示名字（`<div id="name">tony</div>`），另一个表示年龄（`<div id="age">23</div>`）。当用户点击“跳转”按钮（`跳转</button>`）时，`jump1()`函数会被调用。在这个函数中，我们通过...
Action输出不同视图的方法（根据结果跳转到不同页面）
海阔天空
04-23 797
@Action(value = "dwtjbb", results = { @Result(name = "success", location = "dwtjbb.ftl"), @Result(name = "tzhy", location = "tzhytjbb.ftl"), @Result(name = "ggylcs"
Form表单中不同的按钮进行不同的跳转
weixin_34232744的博客
09-01 587
本文参考:http://my.oschina.net/sallency/blog/300568 在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作，这时候就不能在使用submit按钮来进行提交了，下面提供通过js来实现这一功能的方法. 示例代码: &lt;form name="demo" method="post"&gt; &lt;!--YOUR DATA ARE...
php form action跳转,form表单页面跳转方式提交练习
weixin_33651906的博客
03-11 361
该楼层疑似违规已被系统折叠隐藏此楼查看此楼//form表单提交练习/*新建一个form.html网页用来书写前端HTML表单*/表单提交练习姓名:年龄:电话:地址:QQ:自我评价://以上功能可自己添加或修改/*在form.html网页的基础上新建一个foms.php网页关联之前的form.html网页并书写php测试代码*///forms.php运行代码$uname = empty($_POS...
form表单实现点击一个按钮根据不同条件跳转到不同的action
Hello_mengkebao的博客
07-27 1865
需求：点击确认支付按钮时，根据单选框，选择的支付方式的不同，跳转不同的action（对应不同的后台接口） 单选框 <div class="method"><span>支付方式</span></div> <div id="payMethod"> <label for="weixin" ><div class="pay payOn"><input type="radio" name="payMethod" id="
form表单中有多个提交或者通过按钮来提交时的跳转方法
Alex的博客
08-12 2991
&lt;form id="myForm"&gt; &lt;input id="btnId" value="提交" type="button"&gt; &lt;/form&gt; form表单一般是通过submit提交的，按钮无法正常提交表单数据，就需要引用js函数来提交 &lt;script&gt; $(function(){     $("#bt
多个servlet之间跳转的一些笔记
BarryLee的博客
09-03 290
    1、servlet中的两个输出流:字节流(response.getOutputStream()) 和字符流(response.getWriter())       1)用字节流输出时，中文要采用out.write("中文".getBytes()),不能用print("中文")。 对于字节流，用response.setCharacterEncoding("utf-8")设了也不行。     ...
web跳转到另一个页面按钮
最新发布
05-30
在Web页面中，要实现跳转到另一个页面，可以通过使用超链接（anchor tag）或表单提交（form submit）的方式来实现。以下是两种方式的示例代码： 超链接方式： ``` <a href="http://www.example.com">跳转到另一个页面</a> ``` 这里的链接地址（href）可以是任何网址，点击链接后将会跳转到指定的页面。 表单提交方式： ``` <form action="http://www.example.com" method="GET"> <input type="submit" value="跳转到另一个页面"> </form> ``` 这里的action属性指定了表单提交的目标地址，method属性指定了提交方式（可以是GET或POST）。提交按钮被点击后，表单数据将会被提交到指定的地址，浏览器将会跳转到该页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值