JavaScript

The JavaScript reset method is used to clear the input values of an HTML form and restore them to their initial state.

reset() [method]

　resetメソッドは、HTMLフォーム（form）要素に対して JavaScriptからアクセスし、フォームの入力値を初期化またはリセットするためのメソッドです。つまり、フォームの入力欄に入力された値を消去し、初期の状態に戻すことができます。

　HTMLの input要素にも同じような機能がありますので、状況に応じて使い分けるのが良さそうです。

input 要素
テキスト入力、パスワード入力、ラジオボタン、チェックボックス、ファイル選択などのフォームコントロールを提供します。
type="reset"
入力内容の初期化（リセット）の場合に使用されます。

Sample





HTML

<form id="myForm">
	<label for="username">User Name :</label><br>
	<input type="text" id="username" name="username" value="initial value"><br>

	<label for="email">Email :</label><br>
	<input type="email" id="email" name="email" value="example@example.com"><br>

	<button type="button" onclick="resetForm()">Reset Form</button>
</form>

JavaScript

function resetForm() {
	// フォーム要素を取得
	var form = document.getElementById("myForm");

	// フォームのresetメソッドを呼び出してリセット
	form.reset();
}