点击a标签提交form表单

最新推荐文章于 2021-06-14 18:45:13 发布
最新推荐文章于 2021-06-14 18:45:13 发布
阅读量6.7k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangqian9527/article/details/78326128
版权

今天在做用户管理分页的时候碰到一个问题，将分页的按钮单独写一个页面，在显示的页面将分页的按钮include进来；

但是在点击a标签的时候，会生成两个request，仔细看代码都没有问题，后来发现，a标签在添加href=“javascript:void(0)”时，只生成一个request；


原因：

点击a标签提交表单，如果a标签没有href=“javascript:void(0)” 属性，则在提交表单时生成两个request，一个是a标签的request，另外一个是form提交的request

zhangqian9527
关注
专栏目录
flask html 得到文本框 input的内容_HTML 表单和输入
weixin_39644915的博客
11-14 872
HTML 表单用于收集不同类型的用户输入。在线实例创建文本字段 (Text field)本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。创建密码字段本例演示如何创建 HTML 的密码域。(在本页底端可以找到更多实例。)HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-but...
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
12-30
在公司的开发过程中，遇到了一个问题：如何处理 form 表单提交了多个 name 属性值相同的 input 标签？源码如下（源码是在 form 表单之中的）： <!--{loop $address $index $one}--> <input type=...
a标签提交form表单_form 标签
weixin_39785814的博客
11-27 863
<form> 标签用于创建供用户输入的HTML表单。HTML表单包含表单元素，表单元素是不同类型的输入元素，它可以是：文本字段、复选框、单选按钮、复选按钮、下拉框、多行文本域以及按钮等等。<form> // 表单元素 </form>form表单用于收集用户信息，所有要提交的数据都要放在form标签中，在form表单中我们可以设置几个属性值：<for...
a标签提交form表单_HTML基础知识之表单
weixin_40005542的博客
11-26 1167
表单的用途非常广泛，比如电子邮箱、用户注册登录、网上搜索等，简单来说，表单是一个将用户信息阻止起来的容器；一、表单标签及属性<form>标签就是表单标签，该标签用于在网页中创建表单区域，属于一个容器标签；action：表单的属性之一，用于指示服务器上处理表单输出的程序；method：表单属性之一，此属性告诉浏览器如何将数据发送给服务起，指定向服务器发送数据的方法，是用post或者get...
HTML：使用a标签提交form表单
热门推荐
JabinJava的博客
11-24 1万+
a标签提交form表单 如果美工给的form表单提交使用了a标签，这样就无法获取表单数据： &amp;lt;form action=&quot;/login&quot; method=&quot;post&quot;&amp;gt; &amp;lt;input name=&quot;username&quot; &amp;gt; &amp;lt;input type=&quot;password&q
a标签提交form表单_HTML表单元素及其属性
weixin_39584529的博客
11-20 393
表单区域元素表单区域使用<form>标签包裹，表单区域中可添加多种表单元素，包括input元素、textarea元素、select元素、button元素和label元素等，需要注意<input>为单标签元素。<表单区域元素常用属性：action：处理器表单提交的URL，规定提交表单向何处发送表单数据。method：浏览器使用这种HTTP方式来提交表单，可能的值有pos...
js实现a标签超链接提交form表单的方法
10-24
在本篇内容中，将会介绍如何使用JavaScript让a标签实现提交form表单的功能。 首先需要了解的是，HTML中表单的提交一般会使用`<form>`标签，并在其中设置`action`和`method`属性。`action`属性定义了表单数据提交到...
Form表单按回车自动提交表单的实现方法
11-28
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'&gt...
js 提交form表单和设置form表单请求路径的实现方法
10-21
JavaScript提交form表单和设置form表单请求路径的方法主要有以下两种实现方式： 1. 直接在HTML标签中使用onsubmit属性指定JavaScript函数，该函数在表单提交时被调用，可以用来做数据验证或者动态修改请求路径。 2. ...
js提交form表单,并传递参数的实现方法
10-22
特别地，`action`属性在`<form>`标签中用于指定表单提交后，表单数据应该被发送到哪个URL。在JavaScript代码中，`document.getElementById("queryForm").action`可以设置或者修改这个提交地址。在示例代码中，`...
form表单使用a标签提交
weixin_40403318的博客
05-08 3162
用a标签post提交表单 <form name='/test/' method='post' id="loginForm"> <input type='text' name='name' value='姓名'/> <input type='text' name='年龄' value='年龄'/> <!-- 这里的document：后面要写form的i...
a标签提交form表单_Web前端开发基础知识，HTML中表单元素的理解
weixin_39766109的博客
11-27 868
表单什么是HTML表单？表单form是网页获取用户输入数据的一种方式，如图：表单表单中通常包括各种输入框、文本标签、提交按钮等。1、一个简单的表单首先要有一个form标签，其他表单控件放到from标签中，第一个是label标签用来描述后面的文本框中需要输入什么内容，然后是一个input标签，type的值是text表示是一个文本框，然后也是一个input标签，type的值是submit，表示是一个提...
a标签提交form表单_HTML5新标签(全)
weixin_39612499的博客
11-22 577
HTML5简介HTML5是HTML最新的修订版版，2014年10月由W3C完成标准制定。它的设计的目的是为了在移动设备上支持多媒体。并且HTML5简单易学。什么是HTML5HTML5是下一代标准。HTML4.01的上个版本诞生于1999年,HTML5目前为止仍然处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持HTML5有趣的新特性用于媒介回放的video和audio元素新的特殊内容...
a标签提交form表单_Day51 HTML表格表单标签、flask框架
weixin_39617685的博客
11-21 298
目录表格标签表单标签action标签input标签select标签textarea标签form表单提交文件需要注意flask框架1、表格标签<!DOCTYPE html> 2、表单标签用于获取前端用户输入的数据(用户输入的、上传的、选择的)，基于网络发送给后端服务器。在该form标签内部书写的获取用户的数据都会被form标签提交1、action标签action：控制数据提交的后端路径-...
点击a标签提交表单
ZQQ8015的博客
02-17 763
loginForm是被提交的表单的Id onclick="document:loginForm.submit()  
怎么用a标签提交表单？
m0_52212192的博客
06-14 1450
怎么用a标签提交表单？ 在提交表单的时候，我们可能会常常遇到一些各种各样的困惑，比如说，在jsp里使用表单提交，用input 的话并不好看，那么有什么方法可以不用input标签呢？？？ <form action="index.jsp" method="post" id="myform"> 名字：<input type="test" name="stu_name"/> </form> <a href="#" onclick="document.getElementBy
html用a标签怎么提交表单
weixin_30832405的博客
12-18 123
如下代码请 帮忙完善function judgeDelete() { if(confirm("确定要删除吗？")) { window.location.href="doDelete.jsp"; } }<form action="doDelete.jsp" method="post" id="myForm"><a href="javascr...
a标签提交表单
别安；
01-04 2885
给form添加id,id=“loginfrom” a标签内添加onclick事件，onclick=“document:loginform.submit()”
form表单怎么用a标签提交post数据
wls.ink
10-11 1374
有时候在使用表单的时候，不一定会用到表单中的input_submit来提交表单数据，可能会用a、button等来代替，我们可以JS中的提交表单数据的动作 代码如下： 设置form头部如下：添加id是为了在java script脚本中进行中获取form对象 <!--格式一--> <form id="mainForm" action="{% url 'index' %}" met...
点击a标签 提交a标签的值
最新发布
05-17
要实现点击 a 标签提交其值的功能，可以使用 JavaScript 来实现。具体实现步骤如下： 1. 给 a 标签添加一个点击事件监听器； 2. 在点击事件处理函数中，获取到 a 标签的 href 属性值； 3. 构造一个表单，将 a 标签的 href 属性值作为表单的 action 属性值； 4. 将表单的 method 属性值设置为 "get"； 5. 创建一个隐藏的 input 元素，并将其 name 属性值设置为 "value"，将 a 标签的值作为其 value 属性值； 6. 将 input 元素添加到表单中； 7. 将表单添加到页面中，并提交表单。 下面是一个示例代码： ```html <a href="http://example.com" class="submit-link" data-value="example">Submit</a> <script> var submitLinks = document.querySelectorAll('.submit-link'); submitLinks.forEach(function(link) { link.addEventListener('click', function(event) { event.preventDefault(); var form = document.createElement('form'); form.setAttribute('action', link.href); form.setAttribute('method', 'get'); var input = document.createElement('input'); input.setAttribute('type', 'hidden'); input.setAttribute('name', 'value'); input.setAttribute('value', link.dataset.value); form.appendChild(input); document.body.appendChild(form); form.submit(); }); }); </script> ``` 在上面的代码中，我们给 a 标签添加了一个 data-value 属性来存储其值。在点击事件处理函数中，我们首先禁止了默认行为，然后构造了一个表单，并将 a 标签的 href 属性值作为表单的 action 属性值。接着，我们创建了一个隐藏的 input 元素，并将其 name 属性值设置为 "value"，将 a 标签的值作为其 value 属性值。最后，我们将 input 元素添加到表单中，并将表单添加到页面中，并提交表单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值