Form表单的提交方式

上传人：启*** IP属地：安徽上传时间：2023-05-11 格式：PPTX 页数：10 大小：995.48KB 积分：14 举报 版权申诉

已阅读5页，还剩5页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

Form表单的提交方式了解Form表单的提交方式Form表单的提交方式

开发中表单提交是很常见的，表单的提交方式也多种方式。Form表单的提交方式

HTML提交表单简单易操作，依靠在<form>标签对中的<inputtype='submit'>提交按钮进行请求发送和参数提交。其中form标签的method属性决定提交方式是get还是post。

<formid="test"action=""method="post"name="test_form">

账号:<inputtype="text"name="name_user"id="id_user">

密码:<inputtype="password"name="name_pwd"id="id_pwd"><inputtype="submit"value="提交表单"></form>HTML提交表单

使用js和html提交表单的话就可以灵活很多，因为js不仅有针对页面很多的触发事件，而且可以获取到html页面元素的信息Javascript提交表单

form表单提交前触发事件：<formid="test"onsubmit="test_onsubmit();">

账号:<inputtype="text"name="name_user"id="id_user"/>

密码:<inputtype="password"name="name_pwd"id="id_pwd"/> <inputtype="submit"value="提交表单"></form>Javascript提交表单使用button标签提交表单：

使用button或者超链接去提交表单的话，主要是利用onclick触发事件去调用一个js函数，然后在函数中去进行表单提交。这时候就不需要<inputtype='submit'>标签去提交表单了。

<formid="test">

账号:<inputtype="text"name="name_user"id="id_user"/>

密码:<inputtype="password"name="name_pwd"id="id_pwd"/></form><inputtype="button"value="input_button标签"onclick="submit_frm();"><buttononclick="submit_f

人人文库> 全部分类> 教育资料 > 辅导培训

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。