400-685-0732 电话咨询定制营销方案
关注专业seo外包公司
SEO创新会
文军营销
大数据驱动  让营销不走弯路
首页  >   工具使用  >  form表单提交 form表单提交方式

form表单提交 form表单提交方式

关于表单提交,做法有很多中,根据具体需求,做出不同的反应吧。我们知道,对于表单提交,正常直接action中写url,点击submit按钮就可以提交了。下面我们就把form表单提交方式总结一下,来帮助大家一起理解。

form表单提交——form表单提交方式

一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false,不提交,如果不为空,提交到由action指定的地址。

二、利用button按钮实现提交,当点击button按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false,不提交,如果不为空,提交到由action指定的地址,由于button按钮不具备自动提交的功能,所以由JavaScript实现提交。

三、利用submit按钮实现提交,当点击submit按钮时,先触发onsubmit事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false,不提交,如果不为空,提交到由action指定的地址。

form表单的file文件上传那些事

客户端直接访问用户计算机的文件,2000以前,在表单添加了<inputtype=”file”>字段.

fileAPI是为給web开发提供安全的方式,以便在客户端更好访问用户的文件,字段的基础上加

了一些直接访问文件信息的接口-files集合.与fileReader类型读取文件的数据.

name:本地文件的名称

size:文件的字节大小

type:字符、文件的MIME类型

lastModifiedDate:文件上次修改的时间(chrome实现了这属性)

readAsText(file,encoding):以纯文本的方式读取文件.

readAsDataURL(file):读取文件并以URL的形式保存在result属性中.

readAsBinaryString(file):读取文件并将一个字符串将保存在result属性中,一个字符为一个字节.

readAsArrayBuffer(file):读取文件并将一个包含文件内容的ArrayBuffer保存在

result属性中.

(file-文件集合;encoding-编码类型)

由于数据是异步读取.因此fileReader提供了几种事件.

progress事件:每~50ms,便触发一次.

error事件:但文件无法读取就会触发,有个属性error.code属性.1表示未找到文件,2表示

安全性错误,3表示读取中断,4表示文件不可读,5表示编码错误.

load事件:触发但文件完整读取后.中断了还会触发abort事件,在load、error事件后还会触发loadend事件.

网页的form表单中,如果存在上传文件的表单,则需要将form标签设置enctype=”multipart/form-data”属性,意思是将Content-Type设置成multipart/form-data。如果大家还想了解更多与之有关的信息,欢迎关注我们文军营销的官网。

推荐阅读

html表单 基础的HTML表单 | 文军营销HTML表单用于搜集不同类型的用户输入。HTML5Input,拥有多个新的表单输入类型,...form表单提交 form表单提交方式 | 文军营销关于表单提交,做法有很多中,根据具体...target属性 target属性是什么 | 文军营销target属性主要是指定所链接的页面在浏览器当中打开的方式,那具体有哪些参数?...form表单提交 form表单提交方式 | 文军营销target属性 target属性是什么 | 文军...word表格的基本操作 word表格的制作方法是什么 | 文军营销而且就连表格的行高也可以通过批量的处理方式来进行调节,非常的简单,快速,所以...form表单提交 form表单提交方式 format函数 format函数的用法 EXCEL四舍五入公式 ...post请求 post请求是什么 | 文军营销form表单提交 form表单提交方式 | 文军营销post请求 post请求是什么 | 文军营销向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在......设置excel工作表的打印区域 excel工作表打印区域 | 文军营销fwrite函数 fwrite函数用法 fread函数 c语言中fread函数怎么用 form表单提交 form表单提交方式 format函数 format函数的用法 EXCEL四舍五入公式 EXCEL2010...我们需要注意Excel图表的日期 excel图表日期坐标轴 | 文军营销fwrite函数 fwrite函数用法 fread函数 c语言中fread函数怎么用 form表单提交 form表单提交方式 format函数 format函数的用法 EXCEL四舍五入公式 EXCEL2010...