说明:如果您有任何疑问或想咨询其他业务请拨打电话 400 685 0732
全网监测海量数据按需发布监测预警
实时把握舆情动态精准追溯信息源头
关于表单提交,做法有很多中,根据具体需求,做出不同的反应吧。我们知道,对于表单提交,正常直接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表单 | 文军营销语法:<formaction=”服务器程序URL(提交到给谁处理)”method=”get/post”enctype=”MIME信息”target=”文档显示方式”>表单详细设置</form> ...excel复选框控件 excel表单控件复选框 | 文军营销excel复选框控件 excel表单控件复选框,听说excel的教程在抖音很火,很多白领小朋友都在争相学习,下面就跟小编一起学习一下excel表单控件复选框的新技能吧,excel复...
说明:如果您有任何疑问或想咨询其他业务请拨打电话 400 685 0732