一、表单的获取方式

　　1，document.getElementById()  //通过表单的Id

　　2,  document.forms[index];　　//文件中的第几个表单

　　3，document.forms[form name] 　　//表单的名字

　　4，document.form_name  　　//直接用表单名字获取

二、表单的对象的属性

　　get方式和post方式的区别

　　　　1.　get方式会将提交的数据以（?name1=value1&name2=value2...）放在url后面

　　　　　　post方式会将数据以（name1=value1&name2=value2...）放在“请求实体”中

　　　　2.  get将数据放在url后，由于url是有长度的，且url是可见，所以get方式不适合发送一些敏感数据

　　　　　　post方式将数据放在“请求实体”中，理论上是无限制，post方式适合发送一些敏感数据

　　　  3.  get方式请求会有缓

　　　　    post方式请求不会有缓存

三、表单的编码方式

　　enctype的值的区别

　　　　1.   application/x-www-form-urlencoded（默认、且常用）

　　　　　　无论post方式还是get方式提交，表单数据均以(name1=value1&name2=value2...)组织数据

　　　　2.multipart/form-data（表单上传文件时）

　　　　　　1)get方式，表单以(name1=value1&name2=value2...)组织数据

　　　　　　2)post方式，表单数据会放在类似于“------WebKitFormBoundaryGSF0lHBAvwWyAcuV”字符串中间

　　　　3.text/plain

　　　　 　1)get方式，表单以(name1=value1&name2=value2...)组织数据

　　　　 　2)post方式，表单数据会以name1=value2，name2=value2，数据之间没有连接符号

四、表单对象的事件

　　1.对于表单中设置的提交、重置按钮，会触发onsubmit事件、onreset事件

　　2.在表单外部通过submit()提交表单不会触发onsubmit事件

　　3.在表单外部通过reset()重置表单会触发onreset事件

　　4.我们将onsubmit事件、onreset事件返回一个false就可以阻止事件的执行

JavaScript之form（表单）

原文：https://www.cnblogs.com/weishenme/p/10822782.html