type=submit表单提交

最新推荐文章于 2025-01-09 00:59:38 发布

Xu___.___

最新推荐文章于 2025-01-09 00:59:38 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： js html css

本文链接：https://blog.youkuaiyun.com/weixin_49884163/article/details/107887004

本文详细解析了HTML表单中的type=submit属性功能，解释了如何使用Submit对象进行表单提交，以及通过JavaScript实现submit效果的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

type=submit 是发送表单
Submit将表单提交(form.submit())

Submit对象只有在自己被单击后的提交中才会作为键值对被提交。

οnclick="form1.action='a.jsp';form1.submit();"

这样就实现了submit的功能了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Xu___.___

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

表单提交中的input、button、submit的区别

weixin_30376163的博客

12-29

2529

　　最近项目中用了很多的表单提交，发现input、button、submit甚至回车键都可以引发表单提交，下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接来看例子：代码如下： <form> <input name="name"> <input type="submit" value=...

type="submit"表单提交理解

热门推荐

aiquan6271的博客

07-07

1万+

1、默认为form提交表单 . button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作. 2、method="get"，表单在提交时，填写在表单中的数据会和action="url"中的url编码在一起。 method="post"，表单在提交时，填写在表单中的数据将在底层发送到action="url"中的...

参与评论您还未登录，请先登录后发表或查看评论

按钮 type="submit" ，真是害人不浅啊~~

12-17

477

几年前开发的系统，遇到个诡异的问题一直很困惑。询价单编辑页面，当执行“发布”时，执行完自己的Action后，总是又会去执行另一个action。明明两者没有任何关联，非常匪夷所思。页面其他按钮的操作一切又正常，再耗了今天一下午的时间后，终于找到了原因！！！原来其他按钮我都是写的，但是这个按钮我写成了，恰巧这个按钮又在一个form表单里，for

html5 type submit,input type="submit"

weixin_29164081的博客

06-23

1698

"submit"类型的元素呈现为提交按钮 - 单击一个将尝试提交表单到服务器。值用作按钮标签的DOMString活动点击支持的通用属性类型和价值IDL属性值方法没有值元素的value属性包含一个 DOMString作为按钮的标签如果你不指定一个value，你会得到一个默认标签，如提交 / 提交查询(取决于浏览器)的按钮：使用提交按钮按钮用于提交表单。如果你想创建一个自定义的按钮，然后使用JavaS...

angular type=submit

assassin_0302的博客

09-21

522

参考文档：https://www.angular.cn/guide/forms#submit-the-form-with-emngsubmitem 使用 ngSubmit 提交该表单在填表完成之后，用户还应该能提交这个表单。 “Submit（提交）”按钮位于表单的底部，它自己不做任何事，但因为有特殊的 type 值 (type="submit")，所以会触发表单提交。现在这样仅仅触发“表...

JS中type="button"和type="submit"的区别

10-19

在处理表单提交的逻辑时，`type="submit"`按钮的`onclick`事件会先执行，然后才会触发表单提交。如果`onclick`中包含了`form.submit()`，这会导致表单的重复提交。因此，通常在`onclick`事件中，你可以阻止默认的...

JS中type=”button”和type=”submit”的区别

12-08

如果需要多个提交按钮，或者需要在提交前进行某些验证，你可以使用JavaScript来控制表单提交的行为。例如，你可以编写如下代码： ```html <form id="form1">  <button type="submit" onclick=...

＜button formType=“submit“＞提交＜/button＞到底是干什么的？使用场景是什么？底层原理是什么？

最新发布

长风破浪会有时的博客

01-09

312

在微信小程序中，当你想让用户通过点击按钮来提交表单（form）中的信息时，你会使用这个特殊的按钮标签。就像你在纸上填写完信息后，需要把纸交给老师一样，这个按钮的作用就是告诉微信小程序：“我已经填好了，请处理这些信息”。想象一下，如果你要报名参加学校的绘画比赛，你需要填写你的名字、年龄和你想画的图画的主题。填写完这些信息后，你需要一个按钮来“发送”这些信息给负责比赛的老师。在微信小程序里，就是那个用来“发送”你填写的信息的按钮。当你点击这个按钮时，它会触发一个事件，让微信小程序知道：“嘿，用户想要提交表单了

JS定义网页表单提交（submit）的方法

01-21

本文实例讲述了JS定义网页表单提交（submit）的方法。分享给大家供大家参考。具体如下：这段代码表示网页表单提交时不是提交到指定的页面，而是执行一个特定的函数 [removed] function saveInfo() { localStorage...

js表单提交和submit提交的区别实例分析

10-23

表单提交和submit按钮提交是Web开发中常见的两种数据提交方式。虽然它们都能够将表单数据从客户端发送到服务器，但具体实现和行为上存在一些差异，尤其是在使用JavaScript进行操作时。接下来将详细分析这两种提交...

被一个type=“submit“坑了半个月

FBI_xx的博客

09-14

416

H5的button标签type设置。如果type="button"，就是单纯的button功能，执行后续js中的函数（如果写有的话）。如果type="submit"，会进行表单的提交，可能会触发一下莫名的操作刷新页面等。

type=＂button＂ ,＂submit＂的区别

那么多的人，你要去哪里

01-04

1万+

Submit是专门用于提交表单的Button，与Button的区别主要有两点：　　 type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、butt

form标签以及type=submit的使用

gyueh的博客

12-12

3552

form是早些年传统html的表单自动提交组件，但是目前都是Ajax提交的。 form的用处：把里边的input 在点击input type=submit 时提交到form指定的地址；但是它会直接跳转到该地址使我们没有办法在js里监听提交是否成功，因此不推荐使用。小程序里面并无form标签，但是写了也不会报错，只是普通的元素 ...

type="button"和type="submit"的区别

chenyujing5678的专栏

08-20

1040

转载自： http://luoxiaobo2011-163-com.iteye.com/blog/1331974 Submit是专门用于提交表单的Button，与Button的区别主要有两点： type=button 就单纯是按钮功能 type=submit 是发送表单 (1) Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非

type="submit" 和type="button"

weixin_30247159的博客

08-03

202

今天，小菜鸟又遇到一个问题，当不小心在页面输入框回车一下，结果莫名的页面发出了一个请求。把问题定位在一个button上，代码是这样写的<button class="btn btn-default" ng-click="upload()">确认上传</button> 上网一查，发现button默认的type是submit，为提交按钮，所以会发出一个请求；我这里不需要...

使用＜input type=“submit“＞和＜a＞提交数据

u010780755的博客

12-14

672

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>tessss</title> </head> <body> <form action="./getData.php"> <input name="food" type="text"

input type="submit' 加上onclick的好用处

生活在爪洼岛上

07-17

1万+

onclick="chakan()"/>当点击“查看”按钮后，会先执行chakan()脚本里面的代码，如果某个地方return false;(false可以省略)之后会继续执行submit到后台处理查看报卡系统中CustomerInfoManagerment.jsp中的submits()方法，注意，按钮的类型为submit可以看到效果

html input中 button和submit的区别（转帖）

weixin_30289831的博客

08-14

254

type=button 就单纯是按钮功能 type=submit 是发送表单但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一. 用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit...

type='button'和'submit'的区别

自强不息

11-21

298

今天在对表单的项目进行删除时出现了问题，原因就出现在点击input按钮时，这个input属性是type='button'还是type=‘submit'。代码大致如下： <script type="text/javascript"> //获得选中文件的文件名 function GetCheckfolderItem() { var allSel...

input type=submit 控制跳转

03-16

action属性指定表单提交的目标URL，method属性指定表单提交的方式（一般为GET或POST）。当用户点击提交按钮时，表单会将数据提交到指定的URL，从而实现跳转。因此，控制跳转的关键在于设置表单的action和method属性...