网页元素接口之 <form> 元素
<form> 元素
<form>
元素代表了表单,继承了 HTMLFormElement 接口。
[TOC]
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();
本文转载自 GitHub 开源项目 wangdoc / javascript-tutorial ,用于个人学习,无任何商业用途,该开源项目由阮一峰发起,在此感谢阮一峰老师的无私奉献。如本文有任何变更或修改,也会积极提交到开源项目做贡献。
(完)