JavaScriptのフォームメソッドとは何ですか-フロントエンドQ&A-php.cn

JavaScriptのフォームメソッドとは何ですか

青灯夜游

リリース： 2021-11-04 18:02:01

オリジナル

3773 人が閲覧しました

JavaScript には 2 つのフォームメソッドが組み込まれています: 1. フォームのすべての入力要素をデフォルト値にリセットするために使用されるreset(); 2. フォームのデータをリセットするために使用されるsubmit() Webサーバーに送信されます。

JavaScriptのフォームメソッドとは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

Form オブジェクトは HTML フォームを表します。

HTML ドキュメントでは、

が表示されるたびに Form オブジェクトが作成されます。

フォームユーザーは通常、ユーザーデータを収集するために使用され、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素が含まれます。フォームには、オプションメニュー、テキストエリア、フィールドセット、凡例、およびラベル要素を含めることもできます。

フォームはサーバーにデータを送信するために使用されます。

JavaScript フォームオブジェクト (フォーム) メソッド:

#reset()フォームのすべての入力要素をデフォルト値にリセットします。 submit()フォームを送信します。

メソッド	説明

Form オブジェクトのreset() メソッド

reset() メソッドは、フォーム内の要素を元の状態にリセットできます。デフォルト値。

構文:

formObject.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 オブジェクトの submit() メソッド

submit() メソッドフォームデータをWebサーバーに送信します。

構文:

formObject.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のフォームメソッドとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。