弄不清楚表单最后要提交的过程了
老师，能说下，表单中提交是什么意思吗？
表单提交都需要使用哪些元素标签呢？能不能举个例子呢？
就好比这个例子吧，在网上看了表单的提交给我看懵了，最后红色区域是不是应该拿按钮<button></button>这个标签来书写呢？给这个标签上绑定鼠标点击事件然后提交？
又让我表单整体的外面套一层<form></form>是啥意思啊？
2.还有就是表单提交酒精怎么书写？是用<button></button>绑定事件啊，还是往<form></form>上绑定事件啊，另外submit什么时候使用啊？这些都混了？
3.我的疑问还在于就是一个表单在提交的时候，也是需要向后台请求数据的吗？咱们这边也需要拿到接口并发送axios的请求的吗？
这个请求的意义是什么？也不是说获取真实数据啊？还是说是为了验证？
4.表单的默认行为都有哪些啊？有的时候非要去阻止它的默认行为的吗？表单的使用场景都有哪些？登录？注册？
这块儿不太懂了，一一解答吧，感谢老师
正在回答
同学你好！
1.两种都是和后台交互的方式，有一些区别如下：
（1）ajax在提交，请求，接收时，都是异步进行的，网页不需要刷新。from表单提交时是新建一个页面，哪怕是提交给自己本身的页面，也是需要刷新的。
（2）ajax在提交时，是在后台新建一个请求。from表单趋势放弃本页面，再次申请。
（3）ajax必须使用js来实现，不启用js的浏览器，无法完成操作。from是浏览器的功能，无论是否开启js，都可以提交表单。
（4）ajax在提交，请求，接收时，整个过程都是需要使用程序来对其数据进行处理。from提交时，是根据你的表单结构自动完成，不需要代码干预。
2.（1）通过type=submit方式提交：
<form action="/url" method="post"> <input type="text" name="name"/> <input type="submit" value="提交"> </form>
input type=”submit”,浏览器显示为button按钮，通过点击这个按钮提交表单数据跳转到/url
（2）通过form表单：
<form id="form" action="/url" method="post">
<input type="text" name="name"/>
</form>
<script>
document.getElementById("form").submit();
jquery: $("#form").submit();
</script>js事件触发表单提交，通过button、链接等触发事件，js调用submit()方法提交表单数据，jquery通过submit()方法
（3）通过button:
<form id="form1" action="/url">
<input type="button" value="" class="btn2" onclick="document.getElementById('form1').submit();" />
</form>如果帮助到了你，欢迎采纳，祝学习愉快~
大哥，表单提交就是把用户填写的数据保存在后台，需要用的标签无非是input,select,textatea等。还有你说的提交方式用button/form/submit都是可以的，form表单有一个属性叫action，这个可以提交数据，因此做交互的话很多人喜欢嵌套form标签。你要是正儿八经在实际开发提交表单当然需要请求接口，一来是需要验证用户输入是否正确，二来是保存数据，为了回显（就是你后退页面，刚刚填写的数据还在）还有默认行为的话就是默认提交，可以用preventDefault、return false来禁掉，不全需要禁用要看实际需求。最常用的就是登录注册，填写用户的数据等等等，，，
你就看看大概理解一下，真正开发了看看人家的流程大致就懂了。
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星