📜  HTML | DOM 表单 submit() 方法(1)

📅  最后修改于: 2023-12-03 15:01:13.192000             🧑  作者: Mango

HTML | DOM 表单 submit() 方法

介绍

HTML | DOM 表单 submit() 方法可以用来提交表单。

当调用该方法时,表单会被自动提交,就像用户点击提交按钮一样。

语法
document.formName.submit()

或者

document.getElementById("formId").submit()
参数

无参数。

返回值

无返回值。

示例

假设你有一个表单,并且它的名字为 "myForm",可以这样调用 submit() 方法:

<form name="myForm" action="" method="POST">
  <input type="text" name="name">
  <input type="submit" value="Submit">
</form>
<script>
  document.myForm.submit();
</script>

在这个例子中,我们用 JavaScript 调用了 submit() 方法,从而提交了表单。

我们还可以使用 getElementById() 方法来获取表单:

<form id="myForm" action="" method="POST">
  <input type="text" name="name">
  <input type="submit" value="Submit">
</form>
<script>
  document.getElementById("myForm").submit();
</script>
注意事项

调用 submit() 方法会触发表单提交事件,如果在此事件处理程序中执行了 event.preventDefault() 方法,那么表单就不会提交。