表单提交是刚开始学js的朋友很迷惑的一个问题，怎么提交，怎么阻止默认提交，怎么提交表单不跳转等等问题，下面是一些示例
原始的表单提交有 button 按钮提交和 <input />类型的。它们又什么区别呢？
(1) 默认表单提交
(2)默认不会提交表单
(3) 如果在 form ,我们使用了 type=''submit 属性，但是不让表单默认提交，有什么办法呢？看下面
(4) 如果在 form ,我们使用了 type=''button 属性，但是还是需要提交表单，这是可以使用ajax来提交，好处是可以自己控制提交，并且页面不会跳转
(5)若是使用默认提交的方法，且提交之前验证表单，方法看下面
(6) 若是使用了 type='button' 属性，但是还是想实现默认提交的方式怎么办？ 看下面
(7) 下面的提交会发生什么？
分析 : 点击提交按钮:
(1)当表单验证失败时，不会触发 form.submit() 函数，所以可以触发 <form>的 onsubmit 句柄，又因为该句柄 return false 所以表单不会从该句柄处默认提交，所以 会在控制台打印出 表单的onsubmit事件句柄在form.submit()调用时失效'
(2)当表单验证成功时,会触发 form.submit() 函数提交表单，又因为 form.submit()提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用，所以 控制台不会打印出 表单的onsubmit事件句柄在form.submit()调用时失效
现在表单默认提交的方式基本没人用了，都是ajax异步提交。但是了解一些还是好的。。。
在我们前端进行表单提交的时候，有时候会出现这种情况：Failed to convert java.lang.String to java.util.List
等等。
例如：
我后台定义一个对象：
examPaper 包含 String userId,Float userScore, MultipartFile examFile 用户id ,试卷分数，试卷文件
对象外面 classPaper有： String classId String className List<examPaper> examPaperList
这个时候，后台接收为 ClassPaper
如果按照平常的 form-data 提交 则应按以下方式提交：
let fd = new FormData()
fd.append("classId ",classId )
fd.append("className ",className )
examPaperList.forEach((item,index) ->{
fd.append("examPaperList["+index+"].userId",item.userId)
fd.append("examPaperList["+index+"].userScore",item.userScore)
fd.append("examPaperList["+index+"].examFile ",item.examFile )
})
以这种方式就可以实现 多附件 一一 对应提交。以避免对象转换错误问题。
第一次写这种文章。
1. 原生js中，form表单在提交数据的时候默认的编码格式是application/x-www-form-urlencoded
2. 如果表单中有文件需要上传，那么必须在form元素中添加除了action和method（如果是get请求，可以不添加method属性。默认情况下，form表单以get方式提交表单数据）之外的第3个属性enctype，并且设置enctype="multipart/form-data"。
参考页面： HTML
