常用的几种提交表单的方式

最新推荐文章于 2022-08-15 14:11:51 发布
最新推荐文章于 2022-08-15 14:11:51 发布
阅读量3k 收藏 1
点赞数
分类专栏： 表单提交方式 文章标签： 表单提交
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nianzhi1202/article/details/52444003
版权

很多情况下我们需要在form表单的外部提交表单，于是就不能使用<input type="button">

下面总结两个自己常用的表单提交的方法：

1.<!-- H5 --> <button form="myForm">提交(H5)</button> 其中的myForm是表单的id

2.<!-- JS --> <button οnclick="document.myForm.submit()">提交(JS)</button>其中的myForm是表单的name


2012013977
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单提交的四种方式
hellolrf的博客
05-07 2075
表单提交的四种方式 开发工具与关键技术：VS ，JavaScript ，Ajax 作者：刘任锋 撰写时间：2021年5月7日 内容：将from表单里的内容提交到控制器上。 HTML布局 JS：先获取姓名，性别，电话号码，毕业学校的内容。 GET提交，路径/Zuoye/fangshi01, 控制器： 01.形参方式提交； 02.FormCollection方式： 03.Request方式； 04.实体类提交方式 注意：四种方式的FormCollection...
提交表单的几种方法。
LIWENSHUAI1993的博客
10-02 652
form表单的几种提交方式
txw578997096的博客
05-18 424
form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"          action="RegisterAction.action">       table>           tr>               td>姓名:td>               td> input ty
四种常见的表单提交数据的方式
JackieDYH的博客
06-19 3303
HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。 我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样： <method> <request-URL> <ver
html表单的几种提交方式总结
09-28
本文将详细介绍HTML表单的几种提交方式，帮助开发者更好地理解和运用这些方法。 1. **常规submit按钮提交** 这是最常见、最基本的提交方式。在`<form>`标签中定义一个`<input type="submit">`按钮，当用户点击这个...
几种防止表单重复提交的方法
10-26
表单重复提交是在多用户Web应用中最常见的一个问题，很多场合都会遇到这种情况，下面与大家分享下防止表单重复提交的几种策略
axios异步提交表单数据的几种方法
10-16
本文将详细介绍axios异步提交表单数据的几种方法，以及如何处理不同类型的Content-Type。 首先，当使用axios的`post`方法发送数据时，默认情况下，数据会被序列化为JSON格式，并设置`Content-Type`为`"application/...
表单提交的方法
ybyfu的博客
05-26 8605
form表单有两种属性action与method。 action属性有一个值URL。它规定当提交表单时向何处放送表单数据，URL有两种值：一种绝对URL，一种相对URL。 绝对URL指向其他站点(比如 src=www.baidu.com网址)。 相对URL指向站点内的文件(比如 src=＂／控制器名称／自定义的方法＂)。 method属性有两个值，get与post。规定用于发送form-data的HTTP方法。 get与post的区别： 1.GET方法是用来向服务器上获取数据，而PSOT是用来向
form表单提交方式
qq_35941350的博客
01-25 345
form表单提交方式
js提交form表单,并传递参数的实现方法
11-22
//增加的函数 begin function queryFun(){ var type = $("#artType").val(); var hasInputed = "1";//表示输入了要搜索 的信息 if($("#query").val()=="选手姓名/编号"){ //表示没有输入要搜索的值 hasInputed="0"; } document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu
form 表单提交的方式
IT毒瘤
12-12 295
方法1： 方法2： 方法3： <input type="button" value="提交" onclick="document.getElementByIdx_x_x ('form1').submit();"> 这种比较灵活，比如说出发事件的可以不是一个按钮，而是一个超链接或者图片之类的元素。 提交
form表单的各种提交方式
qq_39772439的博客
06-03 6309
form表单提交方法很多。直接提交啊，或者js提交啊。 第一种提交方式：form表单直接提交 <form action="formDate" method="post"> userName:<input type="text" name="name"> passWord:<input type="password" name="passW...
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...
Form表单提交数据的几种方式
Amelian的博客
06-24 3万+
1. submit提交 在form标签中添加Action（提交的地址）和method（post），且有一个submit按钮（<input stype=“submit”>)，通过点击这个按钮提交表单数据 -type=”submit“是将表单提交(即form.submit()方法)作为其onclick后的默认事件 type=”submit“会自动将所具有的name属性html输入的元素（包括input、button、select等标签都作为键值对提交） type=”submit“submit会有一
java表单提交方法_表单提交的几种方式
weixin_42360703的博客
02-13 3269
通用提交按钮-->2、提交3、说明：用户提交按钮或图像按钮时，就会提交表单。使用或都可以定义提交按钮，只要将其特性的值设置为“submit”即可，而图像按钮则是通过的type特性值设置为”image”来定义的。因此，只要我们单击一下代码生成的按钮，就可以提交表单。4、阻止表单提交只要在表单中存在上面列出的任何一种按钮，那么相应表单控件拥有焦点的情况下，按回车键就可以提交表单。如果表单里没有提...
Form表单, 4种常见的表单提交方式
Aplumage的专栏
08-15 1万+
Form表单、四种常见的POST请求提交数据方式、MIME
表单提交的几种方式
QiuRiMangCao
12-02 839
表单提交方式1.JavaScript提交 var form = document.getElementById("updateForm"); form.submit(); 2.Jquery提交 $("#updateForm").submit(); <form id="form1" action="" method="post"> <input type="button" id="sub" n
java防止表单重复提交常用方法
最新发布
03-23
Java 防止表单重复提交的常用方法有以下几种： 1. 在表单中添加一个隐藏字段，用于存储一个随机数或时间戳，每次提交表单时，先验证该字段的值是否与服务器端保存的值一致，如果不一致，则认为是重复提交。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值