数据结构
网络
关系型数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
服装设计
法学HTML DOM 表单对象
HTML DOM 表单对象与 HTML <form> 元素相关联。我们可以使用 document 对象的 createElement() 和 getElementById() 方法创建和访问表单元素。我们可以设置表单对象的各种属性，也可以获取它们。
属性
以下是表单对象的属性：
| 属性 | 描述 |
|---|---|
| acceptCharset | 设置或返回表单中的 accept-charset 属性值。 |
| action | 设置或返回表单的 action 属性值。 |
| autocomplete | 设置或返回表单的 autocomplete 属性值。 |
| encoding | 这是 enctype 的别名。 |
| enctype | 设置或返回表单的 enctype 属性值。 |
| length | 返回表单中元素的数量。 |
| method | 设置或返回表单的 method 属性值。 |
| name | 设置或返回表单的 name 属性值。 |
| noValidate | 设置或返回表单数据是否应该被验证，由用户提交时决定。 |
| target | 设置或返回表单的 target 属性值。 |
方法
以下是表单对象的方法：
| method | 描述 |
|---|---|
| reset() | 重置表单。 |
| submit() | 提交表单。 |
示例
让我们来看一个 HTML DOM 表单对象的示例：
<!DOCTYPE html>
<html>
<head>
<script>
function CreateForm() {
var f = document.createElement("FORM");
document.body.appendChild(f);
var i = document.createElement("INPUT");
i.setAttribute("type", "password");
f.appendChild(i);
}
</script>
</head>
<body>
<h1>Form object example</h1>
<p>Create a FORM element containing an input element by clicking the below button</p>
<button onclick="CreateForm()">CREATE</button>
<br><br>
</body>
</html>这将产生以下输出：
点击“创建”按钮并在输入字段中输入内容：
在上面的例子中：
我们创建了一个名为“创建”的按钮，当用户点击时，将执行 createForm() 方法。
<button onclick="CreateForm()">CREATE</button>
CreateForm() 方法使用 document 对象的 createElement() 方法创建一个 <form> 元素，并将其赋值给变量 f。然后使用 appendChild() 方法将表单元素添加到文档主体。然后，我们使用 createElement() 方法创建一个输入元素，并使用 setAttribute() 方法为其设置值为“password”的 type 属性。
setAttribute() 方法会在属性之前不存在的情况下创建属性。最后，使用 appendChild() 方法在表单元素上调用，并将输入元素作为参数传递，我们将输入元素作为表单元素的子元素附加。
<button onclick="CreateForm()">CREATE</button>
更新于：2021年2月20日
3K+ 次浏览
广告