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。如果大家还想了解更多与之有关的信息，欢迎关注我们文军营销的官网。

推荐阅读

target属性 target属性是什么 | 文军营销(1)不提交表单形式的动作(即不对form进行操作的动作)。web开发中相关的情景比如:单个删除某条记录等,像这样的操作都不是很复杂,需要的参数也不是很多,都是已get方式提交的。这时对于要跳转的页面的展现形式,您可以通过target属性来指定。这里用法和1中介绍的一样。 (2)以表单的形式提交的动作(即要提交form中的...post请求 post请求是什么 | 文军营销post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认...post请求 post请求是什么 | 文军营销post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认...post请求 post请求是什么 | 文军营销post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认...