Javascript教程- DOM 表单对象、动作、提交和重设方法

主题

如何在 javascript 中获取表单对象？
使用javascript 动态提交表单的方法、函数

解释

表单对象 :
表单对象是为 html 中的表单创建的。我们可以在 javascript 中用表单对象动态提交、重设表单和控制表单上的按钮、复选框的各种事件。

方法或函数:
如下为 DOM (文档对象模型， Dynamic Object Model)中可以动态控制表单的函数或方法列表
所有下述示例基于表单对象
<form name=tform action="index.php" method=post>
<input type=button value=xxx> </form>

DOM 方法	说明	示例
submit()	用于在 javascript 动态提交表单	提交时用: document.tform.submit();
reset()	用于动态重设表单	重设时用: document.tform.reset();
handleEvent()	用于触发事件

表单对象有如下属性。
所有下述示例基于表单元素。
<form name=tform action="index.php" method=post>
<input type=button value=xxx> </form>

DOM 属性	说明	示例
action	用于获取或设置表单动作（action）	获取时用: var ss = document.tform.action; 设置时用: document.tform.action = "form-object.php";
elements	属性 "elements" 返回表单中包括所有元素的数组（如按钮、文本框和复选框等等）	获取时用: var ss = document.tform.elements;
encoding	用于获取或设置表单的 enctype 属性。	获取时用: var ss = document.tform.encoding; 设置时用: document.tform.encoding = "";
length	属性 "length" 用于获取表单中元素的个数。	获取时用: var ss = document.tform.length;
method	属性 "method" 获取或设置表单的 "method" 属性，取值为 POST 或者 GET。	获取时用: var ss = document.tform.method; 设置时用: document.tform.method= "GET";
name	属性 "name" 用于设置或者获取表单名称。	获取时用: var ss = document.tform.name;
target	属性 "target" 用于设置或者获取表单的目标（target）。	获取时用: var ss = document.tform.target; 设置时用: document.tform.target = "xxxx";

Javascript表单对象