Javascript表单对象
如何在 javascript 中获取表单对象?
使用javascript 动态提交表单的方法、函数
解释
表单对象 :
表单对象是为 html 中的表单创建的。 我们可以在 javascript 中用表单对象动态提交、重设表单和控制表单上的按钮、复选框的各种事件。
方法或函数:
如下为 DOM (文档对象模型, Dynamic Object Model)中可以动态控制表单的函数或方法列表
所有下述示例基于表单对象
<form name=tform action="index.php" method=post>
<input type=button value=xxx> </form>
表单对象有如下属性。
所有下述示例基于表单元素。
<form name=tform action="index.php" method=post>
<input type=button value=xxx> </form>
表单对象是为 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"; |

浙公网安备 33010602011771号