フォームをリセットする方法

フォームを含むWebページで一般的に必要なのは、フォームを元の状態にリセットすることです。

昔は多くのフォームに「リセット」ボタンがあったと思いますが、今では使用が減っています。

リセットボタンはinputを持つ要素type="reset"

<input type="reset">

JavaScriptを使用してプログラムでフォームをリセットすることもできます。

必要なのは、フォーム要素の参照だけです。

const form = document.querySelector('form')

その後、あなたは呼び出すことができますreset()その上の方法:

form.reset()

これにより、フォーム内のすべての要素がクリアされ、元の状態に復元されます。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のブラウザチュートリアル: