form表单中使用a标签代替button或commit进行数据提交

最新推荐文章于 2021-08-05 12:37:38 发布
最新推荐文章于 2021-08-05 12:37:38 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： java 生命的意义 jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chinassj/article/details/82690334
本文介绍了一种在HTML中使用<a>标签触发表单提交的方法，通过在链接中添加onclick事件，调用document对象的submit方法来实现非按钮元素提交表单。

 

1、申明form的id:xxx

2、在<a>标签内书添加属性

onclick="document:xxx.submit()"

 

 

 

Flask WTForms中FieldList结合Formfield的使用方法，提交多行表单数据
莽莽的博客
08-23 4360
WTForms中FieldList的使用，可提交多行表单数据 官方文档 FieldList 渲染出的html，其id和name会是：valve-0、valve-1这种形式，如果是用FormField应用在别的表单，就是root_ud-0-dap这样。 min_entries 最小字段个数 max_entries 能接受的最大字段个数 forms.py class UserDefined(Flask...
html前台提交form数据不跳转,并且获取返回信息
RSHUEN的博客
07-19 1292
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form id="themeForm" action="t...
form表单中如何使用a标签代替button或commit进行数据提交?
热门推荐
zp的博客
08-17 1万+
1、申明form的id 2、在&lt;a&gt;标签内书写 onclick="document:loginForm.submit()"   具体用例： &lt;form class="sui-form" action="/login" method="post" id="loginForm"&gt; &lt;div class="input-p
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
Jquery Validate不是用submit按钮提交表单，使用a标签js代码都可以
山岚突起，际会风云
11-15 444
不多说，上代码。 $("#form").validate(); $("#btn").click(function() { if($("#form").valid()) { $("#form").submit(); } }); 希望能帮到你。
ajax代替form,3.3. 用AJAX取代传统的form提交
weixin_42126668的博客
08-05 486
3.3.5.改造示例二：用Ajax.Request获取并处理数据当从版本库下拉框(②)选择时，将触发更新授权路径的列表(③)。原来的实现是提交整个表单并刷新整个页面，用AJAX改造后，只更新授权路径的列表(③)部分。虽然也可以用Ajax.Updater来更新整个授权路径列表，但为了演示另外一种Ajax处理方式，以及获得更少的带宽占用和更快的响应，使用Ajax.Request来实现。版本库下拉框(...
form表单提交替代方法
shrimpma的专栏
05-31 2583
目标： 一般指定form 的action属性，页面需要跳转，可以使用form的target属性 使用方法步骤： 1.新建页面index.html   function demo(){ var efforturl = 'view.php';          $.colorbox({width:"70%", height:"60%", href:efforturl, iframe:tr
Python如何将前端表单数据提交到后端数据库中
最新发布
10-06
在Python中，通常使用Web框架如Flask或Django来处理前端表单数据并将其提交到后端数据库。这里以Flask为例说明： 1. **设置项目**： 首先，你需要安装Flask库 (`pip install flask`)。创建一个新的Flask应用，导入...
layui 实现表单和文件上传一起传到后台的例子
10-16
在本文中，我们将探讨如何使用layui框架实现在前端表单数据和文件一起上传到后台服务器。layui是一款基于layui.js的轻量级前端组件库，它提供了丰富的UI组件和便捷的API，非常适合快速构建Web应用。 首先，我们来看...
phpForm：TSQL标签的PHP表单处理工具
1. **表单创建** - 使用HTML表单标签 `<form>` 创建表单，其中需要包含至少一个输入元素，如 `<input>`, `<textarea>`, `<button>` 等。 2. **表单数据提交** - 表单提交可以通过两种HTTP方法：GET和POST。GET方法将...
form表单中a标签传输数据
qq_41849780的博客
10-10 1873
form标签中多个input文本输入框使用a标签将数据进行传输到不同的controller层处理 代码展示 在这里插入代码片 <form action="/user/controllerOne" method="get"> <input type="text" name="username"> <input type="password" name="password"> <input type="birth" name="birth"> &lt
form表单使用a标签提交
weixin_40403318的博客
05-08 3239
用a标签post提交表单 <form name='/test/' method='post' id="loginForm"> <input type='text' name='name' value='姓名'/> <input type='text' name='年龄' value='年龄'/> <!-- 这里的document：后面要写form的i...
用a标签实现submit提交按钮的效果
as55185897的博客
10-05 1429
原文出处：https://www.cnblogs.com/shadada/p/9116455.html 1 <form action="test.jsp" method="post" id="myform"> 2 3 　　名字：<input type="text" name="stu_n"/> 4 5 </form> 6 <a...
通过JS，用a标签代替form中的submit
weixin_30532987的博客
09-22 619
---恢复内容开始--- 　　有时候在使用表单的时候，不一定会用到表单中的input_submit来提交表单数据，可能会用a、button等来代替 　　然后自然而然地想到了用JS中的提交表单数据的动作 <head> <meta charset="utf-8"> <title>注册</tit...
a标签实现表单提交功能
boKeB1
03-07 3386
HTML &lt;form action="" id="myForm"&gt; &lt;input type="text" name="name"/&gt; &lt;input type="text" name="pwd"/&gt; &
使用<a>标签提交表单数据的问题以及获取session作为函数的参数调用的问题
brave_monkey的博客
04-13 2616
我在做动态网页时遇到以下几个问题，花了我好多时间才解决的。所以我要将它记录下面，为我以后再次遇到问题作参考。若是大家觉得哪里不对的，欢迎大家留言 1.不是表单一般是使用提交按钮，点击后就可以将表单中的数据提交了吗？但是我这次将标签作为提交按钮，但是它实现的是超链接的功能，鼠标放上去也不会有手指出现，所以你可以这样子设置href="javascript:;"，这样子放上去就可以出现手指的图标了。
为什么很多网站的表单提交按钮都是用＜a＞标签
jinjuanyang的博客
07-03 998
之前看过一些文章，说是用a标签来代替submit按钮更好一些，因为submit按钮在IE6下会有一些兼容的问题，不好统一，而且input的行高在各浏览器参差不齐，还不能用line-height控制，在按钮有一些交互效果的时候，a标签更容易实现，hover效果便可，所以许多前端喜欢用a标签来代替input。     但是涉及到一点，input submit可以用来提交表单的值，而a标签似乎不太
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Shaun-sheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值