Was sind die Formularmethoden in Javascript?-Front-End-Fragen und Antworten-php.cn

Was sind die Formularmethoden in Javascript?

青灯夜游

Freigeben： 2021-11-04 18:02:01

Original

3745 Leute haben es durchsucht

In JavaScript sind zwei Formularmethoden integriert: 1. reset(), mit dem alle Eingabeelemente des Formulars auf ihre Standardwerte zurückgesetzt werden. 2. subscribe(), mit dem die Formulardaten an den Webserver gesendet werden.

Was sind die Formularmethoden in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Form-Objekt stellt ein HTML-Formular dar.

In einem HTML-Dokument wird jedes Mal ein Formularobjekt erstellt, wenn

erscheint.

Formularbenutzer werden normalerweise zum Sammeln von Benutzerdaten verwendet und enthalten Eingabeelemente wie Textfelder, Kontrollkästchen, Optionsfelder, Senden-Schaltflächen usw. Formulare können auch Optionsmenüs, Textbereichs-, Feldsatz-, Legenden- und Beschriftungselemente enthalten.

Formulare werden verwendet, um Daten an den Server zu senden.

Javascript-Formularobjekt (Formular)-Methoden:

Methode	Beschreibung
reset()	Alle Eingabeelemente des Formulars auf ihre Standardwerte zurücksetzen.
submit()	Senden Sie das Formular.

Die Methode reset() des Formularobjekts

reset() kann die Elemente im Formular auf ihre Standardwerte zurücksetzen.

Syntax: formObject.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>

Nach dem Login kopieren

Was sind die Formularmethoden in Javascript?

Form 对象的submit()方法

submit() 方法把表单数据提交到 Web 服务器。

语法：formObject.submit()
Beschreibung: Das Ergebnis des Aufrufs dieser Methode ähnelt dem Ergebnis, wenn der Benutzer auf die Schaltfläche „Zurücksetzen“ klickt, mit der Ausnahme, dass das Ereignishandle „onreset“ des Formulars nicht aufgerufen wird .

Beispiel:

<!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>

Nach dem Login kopieren

🎜Die subscribe()-Methode des Formularobjekts🎜🎜🎜submit()-Methode sendet die Formulardaten an den Webserver. 🎜🎜Syntax: formObject.submit()🎜🎜🎜Beschreibung: Diese Methode sendet das Formular auf die gleiche Weise, wie der Benutzer auf die Schaltfläche „Senden“ klickt, der Onsubmit-Ereignishandler des Formulars wird jedoch nicht aufgerufen . 🎜rrreee🎜【Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜】🎜

Das obige ist der detaillierte Inhalt vonWas sind die Formularmethoden in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!