HTML DOM表单Submit()方法

HTML DOM Form submit() method

HTML DOM Form Submit()方法用于将表单数据提交到action属性指定的地址。它用作提交表单数据的提交按钮，并且不带任何类型的参数。

句法

以下是Form Submit()方法的语法-

1	formObject.submit()

例

让我们看一下Form Submit()方法的示例-

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>

function ResetForm() {
document.getElementById("FORM1").reset();
document.getElementById("Sample").innerHTML="Form has been reset";
}

</head>
<body>
Form reset() method example
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label>
<label>Age <input type="text" name="Age"><label>
<input type="submit" value="SUBMIT">
<input type="button" onclick="ResetForm()" value="RESET">
</form>
<p id="Sample">
</p>
</body>
</html>

输出量

这将产生以下输出-

单击"提交"按钮后，将提交表单，并且" sample_page.php"将显示该表单-

在上面的示例中-

我们首先创建了一个表单，其中包含id =" FORM1"，method =" post"和action =" / sample_page.php"。它包含两个带有文本类型的输入字段和一个名为SUBMIT的按钮-

1
2
3
4
5
6

SUBMIT按钮在用户单击时执行SubmitForm()方法-

1	<input type="button" onclick="SubmitForm()" value="SUBMIT">

ResetForm()方法使用文档对象的getElementById()方法获取