# <form> 元素

网道（WangDoc.com），互联网文档计划

`<form>`元素代表了表单，继承了 HTMLFormElement 接口。

## HTMLFormElement 的实例属性 #

- `elements`：返回一个类似数组的对象，成员是属于该表单的所有控件元素。该属性只读。
- `length`：返回一个整数，表示属于该表单的控件数量。该属性只读。
- `name`：字符串，表示该表单的名称。
- `method`：字符串，表示提交给服务器时所使用的 HTTP 方法。
- `target`：字符串，表示表单提交后，服务器返回的数据的展示位置。
- `action`：字符串，表示表单提交数据的 URL。
- `enctype`（或`encoding`）：字符串，表示表单提交数据的编码方法，可能的值有`application/x-www-form-urlencoded`、`multipart/form-data`和`text/plain`。
- `acceptCharset`：字符串，表示服务器所能接受的字符编码，多个编码格式之间使用逗号或空格分隔。
- `autocomplete`：字符串`on`或`off`，表示浏览器是否要对`<input>`控件提供自动补全。
- `noValidate`：布尔值，表示是否关闭表单的自动校验。

## HTMLFormElement 的实例方法 #

- `submit()`：提交表单，但是不会触发`submit`事件和表单的自动校验。
- `reset()`：重置表单控件的值为默认值。
- `checkValidity()`：如果控件能够通过自动校验，返回`true`，否则返回`false`，同时触发`invalid`事件。

下面是一个创建表单并提交的例子。

    var f = document.createElement('form');
    document.body.appendChild(f);
    f.action = '/cgi-bin/some.cgi';
    f.method = 'POST';
    f.submit();

本教程采用知识共享 署名-相同方式共享 3.0协议。

分享本文