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

最新推荐文章于 2022-12-05 15:02:24 发布
最新推荐文章于 2022-12-05 15:02:24 发布
阅读量1.1k 收藏
点赞数
分类专栏： java 生命的意义 jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chinassj/article/details/82690334
版权
java 同时被 3 个专栏收录
66 篇文章 0 订阅
订阅专栏
生命的意义
59 篇文章 0 订阅
订阅专栏
jsp
5 篇文章 0 订阅
订阅专栏

 

1、申明form的id:xxx

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

οnclick="document:xxx.submit()"

 

 

 

Shaun-sheng
关注
专栏目录
html用a标签提交数据,【HTML】怎样使用a标签以post方式提交
weixin_42118161的博客
06-09 1362
在HTML中，a标签的提交默认是get方式提交的，如果在请求链接的参数中带有中文就会出现乱码问题，除了在后台程序中转码外，这里介绍两种简单的方法，可以在客户端让a标签以post方式提交。一：增加一个form表单提交functiondoPost(to,p){ // to:提交动作(action),p:参数varmyForm=document.createElement("form");...
Flask WTForms中FieldList结合Formfield的使用方法，提交多行表单数据
莽莽的博客
08-23 4122
WTForms中FieldList的使用，可提交多行表单数据 官方文档 FieldList 渲染出的html，其id和name会是：valve-0、valve-1这种形式，如果是用FormField应用在别的表单，就是root_ud-0-dap这样。 min_entries 最小字段个数 max_entries 能接受的最大字段个数 forms.py class UserDefined(Flask...
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 408
不多说，上代码。 $("#form").validate(); $("#btn").click(function() { if($("#form").valid()) { $("#form").submit(); } }); 希望能帮到你。
ajax代替form,3.3. 用AJAX取代传统的form提交
weixin_42126668的博客
08-05 426
3.3.5.改造示例二：用Ajax.Request获取并处理数据当从版本库下拉框(②)选择时，将触发更新授权路径的列表(③)。原来的实现是提交整个表单并刷新整个页面，用AJAX改造后，只更新授权路径的列表(③)部分。虽然也可以用Ajax.Updater来更新整个授权路径列表，但为了演示另外一种Ajax处理方式，以及获得更少的带宽占用和更快的响应，使用Ajax.Request来实现。版本库下拉框(...
form表单提交替代方法
shrimpma的专栏
05-31 2496
目标： 一般指定form 的action属性，页面需要跳转，可以使用form的target属性 使用方法步骤： 1.新建页面index.html   function demo(){ var efforturl = 'view.php';          $.colorbox({width:"70%", height:"60%", href:efforturl, iframe:tr
关于form与表单提交
weixin_45259626的博客
07-07 645
一个表单里面只要有form元素，如果没有给action加一个默认值，为空白的时候，当你刷新页面时，会弹出一个警告框提示你已经填入表单，刷新数据将会丢失。 如果一个表单里面有一个type="submit"的button、或者type="submit"的input，或者type="image"的input，点击则会触发表单提交动作。即使你使用了return false，按钮也还是会提交submit动作。 form元素 form元素的DOM接口是HTMLFormElement，继承自HTMLElement，因而它
html前台提交form数据不跳转,并且获取返回信息
RSHUEN的博客
07-19 1141
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form id="themeForm" action="t...
react+antd组件 modal里面包裹使用form表单并获取提交事件
weixin_43207103的博客
08-31 5583
1 先上图 我这里是点击“修改密码”那个按钮，然后跳到了modal框。（大家这里可以随便写一个按钮，然后给他一个点击事件让他可以显示modal框就好了，我这里着重讲解标题的内容） 2 贴代码 const [visible, setVisible] = useState(false);//antd 控制modal是否显示 const showMoal=()=>{ // console.log("showMoal") setVisible(true); } const handle
vue中表单数据点击提交后通过python存储进数据库中，代码怎么写？
03-10
您好，关于vue中表单数据点击提交后通过python存储进数据库中的代码，可以使用axios库将表单数据发送到后端，然后在后端使用Python的Flask框架接收数据并存储到数据库中。具体代码实现可以参考以下示例： 前端代码...
a标签提交数据
斌仔的小博客
12-05 364
a标签和button提交数据
form表单中a标签传输数据
qq_41849780的博客
10-10 1792
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
【HTML】怎样使用a标签以post方式提交
热门推荐
sophiayang1997的博客
08-04 2万+
在HTML中，a标签的提交默认是get方式提交的，如果在请求链接的参数中带有中文就会出现乱码问题，除了在后台程序中转码外，这里介绍两种简单的方法，可以在客户端让a标签以post方式提交。 一：增加一个form表单 <span style="font-family:SimSun;font-size:18px;"><body> <a href="javascript:doPost("
点击a 标签实现post方式提交的两种方式
你要悄悄的拔尖，然后惊艳所有人
06-03 1万+
在项目中遇到一个问题，就是点击a标签，要实现以post方式提交。下面来总结一下解决方法。一、通过点击a标签，让form表单submit提交，从而实现post方式提交。下面看代码：&lt;a href="javascript:void(0);" onclick="document.getElementById('myform').submit();" id="agree" class="determ...
uniapp中的form表单跨页面传值
最新发布
02-20
在uni-app中，可以通过使用vuex来实现跨页面传值。vuex是一个专为Vue.js应用程序开发的状态管理模式。它可以集中管理应用程序中的所有组件的状态，并提供了一种可预测的方式来修改和获取状态。 以下是在uni-app中使用vuex实现跨页面传值的步骤： 1. 安装vuex：在uni-app项目的根目录下，打开终端并执行以下命令安装vuex： ``` npm install vuex --save ``` 2. 创建vuex store：在uni-app项目的根目录下，创建一个名为store的文件夹，在该文件夹下创建一个名为index.js的文件。在index.js中编写以下代码： ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { formData: {} // 存储表单数据的对象 }, mutations: { setFormData(state, data) { state.formData = data } }, actions: { updateFormData({ commit }, data) { commit('setFormData', data) } }, getters: { getFormData(state) { return state.formData } } }) export default store ``` 3. 在main.js中引入vuex：在main.js中添加以下代码： ```javascript import store from './store' Vue.prototype.$store = store ``` 4. 在发送表单数据的页面中，调用vuex的action来更新表单数据： ```javascript <template> <view> <!-- 表单内容 --> <input v-model="formData.name" /> <input v-model="formData.email" /> <!-- 提交按钮 --> <button @click="submitForm">提交</button> </view> </template> <script> export default { data() { return { formData: { name: '', email: '' } } }, methods: { submitForm() { this.$store.dispatch('updateFormData', this.formData) uni.navigateTo({ url: '/pages/other-page' // 跳转到其他页面 }) } } } </script> ``` 5. 在接收表单数据的页面中，通过vuex的getter来获取表单数据： ```javascript <template> <view> <!-- 显示表单数据 --> <text>{{ formData.name }}</text> <text>{{ formData.email }}</text> </view> </template> <script> export default { computed: { formData() { return this.$store.getters.getFormData } } } </script> ``` 通过以上步骤，就可以在uni-app中实现跨页面传值了。在发送表单数据的页面中，调用vuex的action来更新表单数据；在接收表单数据的页面中，通过vuex的getter来获取表单数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Shaun-sheng

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

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

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

打赏作者

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

抵扣说明：

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

余额充值