form标签以及type=submit的使用

最新推荐文章于 2021-11-10 12:02:03 发布
最新推荐文章于 2021-11-10 12:02:03 发布
阅读量3.5k 收藏 1
点赞数
分类专栏： notebook
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gyueh/article/details/103506587
版权
本文探讨了传统HTML表单(form)的历史角色及其在现代Web开发中的局限性，特别是与Ajax提交方式相比的不足之处。同时，文章提及在小程序环境中，form标签的存在并不发挥作用，仅被视为普通元素。

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

  1. form是早些年传统html的表单自动提交组件，但是目前都是Ajax提交的。
    form的用处：把里边的input 在点击input type=submit 时提交到form指定的地址；但是它会直接跳转到该地址 使我们没有办法在js里监听提交是否成功，因此不推荐使用。
  2. 小程序里面并无form标签，但是写了也不会报错，只是普通的元素
form-type:submit和reset用法
weixin_50286102的博客
12-24 2056
form-type:submit和reset用法 <form bindsubmit="onSubmitEvent"> <view> 用户名： <input name="username" placeholder="姓名"></input> 密码： <input name="password" password="" placeholder="密码"></input> </view> <button form-typ
＜button formType=“submit“＞提交＜/button＞到底是干什么的？使用场景是什么？底层原理是什么？
最新发布
长风破浪会有时的博客
01-09 250
在微信小程序中，当你想让用户通过点击按钮来提交表单（form）中的信息时，你会使用这个特殊的按钮标签。就像你在纸上填写完信息后，需要把纸交给老师一样，这个按钮的作用就是告诉微信小程序：“我已经填好了，请处理这些信息”。想象一下，如果你要报名参加学校的绘画比赛，你需要填写你的名字、年龄和你想画的图画的主题。填写完这些信息后，你需要一个按钮来“发送”这些信息给负责比赛的老师。在微信小程序里， 就是那个用来“发送”你填写的信息的按钮。当你点击这个按钮时，它会触发一个事件，让微信小程序知道：“嘿，用户想要提交表单了
JS中type=”button”和type=”submit”的区别
12-08
Submit是专门用于提交表单的Button，与Button的区别主要有两点： 　　type=button 就单纯是按钮功能  　　type=submit 是发送表单 　　 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 　　 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 　　但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：　
form表单提交 type="submit"
weixin_30685029的博客
08-12 327
<form action="" method="post" onsubmit="return validte()"> <div class="regist-top"> <ul class="regist-form"> <li><label for="">姓 名</label><input t...
type=submit表单提交
weixin_49884163的博客
08-08 2739
type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。 Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 οnclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
form表单中的input type="submit"
dianchange8716的博客
10-29 294
最近在做jsp和JavaScript方面的东西，由于不是很了解这方面的东西所以很简单的东西我也搞了半天，在这里做个记录，加强记忆。^_^ 以前在学struts框架的时候就觉得jsp是用来收集数据和显示处理结果的，所以在jsp里的form表单最后一定会有<input type="submit" value="提交数据">然后在action=""指定交给谁处理，...
form.submit()不能提交表单的原因分析
09-04
`form.submit()` 是JavaScript中用于触发表单提交的一个方法，但有时这个方法可能无法正常工作，就像在标题和描述中提到的问题。本文将深入探讨这个问题，分析其可能的原因，并提供解决方案。 首先，我们来看一个...
HTML的表单form以及form内部标签的使用
09-28
`<form>`标签具有两个关键属性：`action`和`method`。`action`属性指定表单数据的提交目的地，即服务器上的处理脚本或页面的URL。`method`属性定义了数据提交的方式，通常有两种：`GET`和`POST`。 1. `GET`方法：...
SpringMVC form标签引入及使用方法
08-19
SpringMVC form标签引入及使用方法 在本文中，我们将详细介绍 SpringMVC form标签的引入及使用方法。SpringMVC 是一个基于 Java 的 Web 应用框架，提供了一些实用的标签来简化开发过程。其中，form标签是其中一个...
button没有指定type为submit点击按钮跳转不到指定url
12-13
总的来说，理解和正确使用`<button>`的`type`属性，以及充分考虑浏览器兼容性，对于构建可靠的Web表单至关重要。在实际开发中，我们应该遵循最佳实践，确保代码在各种浏览器环境中都能正常工作。
form表单提交“input type=submit”
qdfgvbm_1的博客
11-10 397
form表单提交 使用一直提交没反应，试了很多次，查了很多资料，都没有用，最后发现居然是因为设置了disabled属性，导致了提交没有反应，记下来以便以后查看。
表单提交(一)——type=“submit”
weixin_30493321的博客
08-12 230
一、用input type="submit"方式提交表单 该方法可以触发onsubmit事件，但无法通过onclick进行校验，也就是说formSubmit函数里面的return false是无效的。所以只能通过onsubmit来进行表单校验。 <!DOCTYPE html> <html> <head> <meta charset="ut...
angular type=submit
assassin_0302的博客
09-21 510
参考文档：https://www.angular.cn/guide/forms#submit-the-form-with-emngsubmitem 使用 ngSubmit 提交该表单 在填表完成之后，用户还应该能提交这个表单。 “Submit（提交）”按钮位于表单的底部，它自己不做任何事，但因为有特殊的 type 值 (type="submit")，所以会触发表单提交。 现在这样仅仅触发“表...
type="submit" 和type="button"
weixin_30247159的博客
08-03 190
今天，小菜鸟又遇到一个问题，当不小心在页面输入框回车一下，结果莫名的页面发出了一个请求。 把问题定位在一个button上，代码是这样写的<button class="btn btn-default" ng-click="upload()">确认上传</button> 上网一查，发现button默认的type是submit，为提交按钮，所以会发出一个请求； 我这里不需要...
type="submit"表单提交理解
热门推荐
aiquan6271的博客
07-07 1万+
1、默认为form提交表单 . button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作. 2、method="get"，表单在提交时，填写在表单中的数据会和action="url"中的url编码在一起。 method="post"，表单在提交时，填写在表单中的数据将在底层发送到action="url"中的...
html form submit标签属性/事件/方法 行为 描述 (第一部分)
ydq402的专栏
11-25 1142
html form submit标签属性/事件/方法 行为 描述 clientCaps 提供关于InternetExplorer支持的特性的信息，以及提供即用即装的方法。 download 下载文件并在下载完成后通知一个指定的回调函数。 homePage 包含关于用户主页的信息。 httpFolder...
javascript中的页面事件
08-06 290
onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onbeforeedi
html5 type submit,input type="submit"
weixin_29164081的博客
06-23 1669
"submit"类型的元素呈现为提交按钮 - 单击一个将尝试提交表单到服务器。值用作按钮标签的DOMString活动点击支持的通用属性类型和价值IDL属性值方法没有值元素的value属性包含一个 DOMString作为按钮的标签如果你不指定一个value，你会得到一个默认标签，如提交 / 提交查询(取决于浏览器)的按钮：使用提交按钮按钮用于提交表单。如果你想创建一个自定义的按钮，然后使用JavaS...
type='button'和'submit'的区别
自强不息
11-21 283
今天在对表单的项目进行删除时出现了问题，原因就出现在点击input按钮时，这个input属性是type='button'还是type=‘submit'。 代码大致如下： &lt;script type="text/javascript"&gt; //获得选中文件的文件名 function GetCheckfolderItem() { var allSel...
<form target="ip" id="form28" name="form4" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="ip" id="ip" size="16" /> <label for="name1_submit"></label> <input type="submit" name="name1_submit" id="name1_submit" onclick="if(confirm('需重启才能生效，是否立即重启？')) {document.getElementById('form50').submit();} else {document.getElementById('form28').submit();}" value="设置" /> <label for="label50"></label> <input type="reset" name="name_abord16" id="label50" value="清除" /> </form> <form target="ip" id="form20" name="form5" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="netmask" id="netmask" size="16" /> <label for="name2_submit"></label> <input type="submit" name="name2_submit" id="name2_submit" onclick="if(confirm('需重启才能生效，是否立即重启？')) {document.getElementById('form50').submit();} else {document.getElementById('form20').submit();}" value="设置" /> <label for="label48"></label> <input type="reset" name="label2" id="label48" value="清除" /> </form>请将里面的onclick事件封装成一个函数
05-31
<input type="submit" name="name1_submit" id="name1_submit" onclick="confirmRestart('form28')" value="设置" /> <label for="label50"> <input type="reset" name="name_abord16" id="label50" value="清除...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值