javascript中form方法有哪些-前端問答-PHP中文網

javascript中form方法有哪些

青灯夜游

發布： 2021-11-04 18:02:01

原創

3745 人瀏覽過

javascript內建有兩個form方法，分別為：1、reset()，用來把表單的所有輸入元素重置為它們的預設值；2、submit()，用來把表單資料提交到Web伺服器。

javascript中form方法有哪些

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Form 物件代表一個 HTML 表單。

在 HTML 文件中

每出現一次，Form 物件就會被建立。

表單使用者通常用於收集使用者數據，包含了 input 元素如：文字字段，複選框，單選框，提交按鈕等待。表單也可以說選項選單, textarea, fieldset, legend, 和 label 元素。

表單用於向服務端發送資料。

javascript 表單物件（form）的方法：

方法	描述
reset()	把表單的所有輸入元素重設為它們的預設值。
submit()	提交表單。

Form 物件的reset()方法

#reset() 方法可將表單中的元素重設為它們的默認值。

語法：formObject.reset()

說明：呼叫方法的結果類似使用者點擊了Reset 按鈕的結果，只是表單的事件句柄onreset 不會被調用。

範例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formReset(){
	document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“重置表单”按钮重置表单。</p>
<form id="frm1">
用户名: <input type="text" name="name"><br>
密　码: <input type="password" name="password"><br><br>
<input type="button" onclick="formReset()" value="重置表单">
</form>

</body>
</html>

登入後複製

javascript中form方法有哪些

Form 物件的submit()方法

submit() 方法把表單資料提交到Web 伺服器。

語法：formObject.submit()

說明：此方法提交表單的方式與使用者點擊Submit 按鈕一樣，但是表單的onsubmit 事件句柄不會被呼叫。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formSubmit(){
	document.getElementById("frm1").submit();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“提交表单”按钮提交表单。</p>
<form id="frm1" action="form_action.asp">
用户名: <input type="text" name="name"><br>
密　码: <input type="password" name="password"><br><br>
<input type="button" onclick="formSubmit()" value="提交表单">
</form>

</body>
</html>

登入後複製

【推薦學習：javascript進階教學】

以上是javascript中form方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！