在 html 中, 表单由 < form > 元素来表示, 而在 JavaScript 中, 表单对应的则是 HTMLFormElement 类型, HTMLFormElement 继承了 HTMLElement, 因而因而与其他的 HTML 元素具有相同的默认属性. 不过 HTMLFormElement 也有它自己的独有的属性和方法:
acceptCharset: 服务器能够处理的字符集, 等价于 HTML 中的 accept-charset 特性;
action: 接受请求的 URL; 等价于 HTML 中的 action 特性.
elements: 表单中所有控件的集合 (HTMLCollection).
enctype: 请求的编码类型; 等价于 HTML 中 enctype.
length: 表单中控件的数量;
method: 要发送 HTTP 请求类型, 通常是 "get" 或 "push"; 等价于 HTML 中的 method 特性;
name: 表单名称, 等价于 HTML 中 name 特性;
reset(): 将所有表单域重置为默认值;
submit(): 提交表单;
target: 用于发送请求和接收响应的窗口名称; 等价于 HTML 的 target 特性.
取得表单元素的方法:
- var form=document.getElementById("form1");// 通过设置的 id 来获取
- var firstForm=document.forms[0];// 获取页面中第一个表单
- var myForm=document.forms["form2"];// 取得页面中称为 "form2" 的表单
- // 另外, 一些早期的浏览器或者那些支持向后兼容的浏览器中, 会把每个设置的 name 特性的表单作为属性保存在 document 中, 通过 document.form2 可以访问到名为 form2 的表单, 不过不推荐这样获取, 因为会出问题, 以后浏览器可能不会支持;
表单脚本
来源: http://www.bubuko.com/infodetail-2974333.html