form表单提交 form表单提交方式 |
您所在的位置:网站首页 › htmlform表单提交 › 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以前,在表单添加了字段. 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表单 | 文军营销表单标签:这里面包含了处理表单的数据所用程序的URL以及数据提交到服务器的方法,表单名等。 语法:表单详细设置 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |