フォームの内容をリセット(初期値に戻す)

フォームの内容をリセット(初期値に戻す)を行うには、form.resetメソッドを使用します。
form.resetを使用することで、テキストボックスやチェックボックス、セレクトボックスなどあらゆるフォームの要素を初期値に戻します。

構文

form.reset();

サンプルコード

JavaScript

var formElement        = document.getElementById('form1'),
    resetButtonElement = document.getElementById('resetButton');

// チェックされている要素の値を取得
resetButtonElement.onclick = function() {
	formElement.reset();
};

JavaScript逆引きリファレンス一覧へ戻る