表单属性方法以及提交重置表单

HTMLFormElement属性和方法

提交表单：通过事件对象，可以阻止submit的默认行为，submit事件的默认行为就是携带数据跳转到指定页面。

我们可以可以使用submit()方法来自定义触发submit事件，也就是说，并不一定非要点击submit按钮才能提交。

在表单中尽量避免使用name="submit"或id="submit"等命名，这会和submit()方法发生冲突导致无法提交。

提交数据最大的问题就是重复提交表单。因为各种原因，当一条数据提交到服务器的时候会出现延迟等长时间没反映，导致用户不停的点击提交，从而使得重复提交了很多相同的请求，或造成错误、或写入数据库多条相同信息。

setTimeout(function (){fm.submit();}, 3000);

有两种方法可以解决这种问题：第一种就是提交之后，立刻禁用点击按钮;第二种就是提交之后取消后续的表单提交操作。

document.getElementById('sub').disabled = true; //将按钮禁用

在某些浏览器，F5只能起到缓存刷新的效果，有可能获取不到真正的源头更新的数据。那么使用ctrl+F5就可以把源头给刷出来。

重置表单：用户点击重置按钮时，表单会被初始化。虽然这个按钮还得以保留，但目前的Web已经很少去使用了。因为用户已经填写好各种数据，不小心点了重置就会全部清空，用户体验极差。

有两种方法调用reset事件，第一个就是直接type="reset"即可;第二个就是使用reset()方法调用即可。