資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚學
法學HTML DOM 表單 submit() 方法
HTML DOM 表單 submit() 方法用於將表單資料提交到由 action 屬性指定的地點。它充當 用於提交表單 資料的 提交按鈕，並且不採用任何型別的引數。
語法
以下是表單 submit() 方法的語法 －
formObject.submit()
示例
讓我們來看一個表單 submit() 方法的示例 －
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function ResetForm() {
document.getElementById("FORM1").reset();
document.getElementById("Sample").innerHTML="Form has been reset";
}
</script>
</head>
<body>
<h1>Form reset() method example</h1>
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"><label> <br><br>
<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 的按鈕 －
<form id="FORM1" method="post" action="/sample_page.php"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Age <input type="text" name="Age"><label> <br><br> <input type="submit" value="SUBMIT"> <input type="button" onclick="ResetForm()" value="RESET"> </form>
SUBMIT 按鈕在使用者單擊後執行 SubmitForm() 方法 －
<input type="button" onclick="SubmitForm()" value="SUBMIT">
ResetForm() 方法使用文件物件 getElementById() 方法獲取 <form> 元素，並對其呼叫 submit() 方法。這會將表單資料提交到由 action 屬性指定的地址 －
function SubmitForm() {
document.getElementById("FORM1").submit();
}
更新於: 20-Nov-2023
1K+ 次瀏覽
廣告