【フォームで送信したら中身を空白に戻す方法】

javascriptファイル内にてresetメソッドを使用してフォームの内容をリセットすることができる！

定型文

function リセットする関数の名前 {
  document.フォームの名前.reset();
}

例文

        <h2>【フォーム送信イベント】</h2>
        <form onsubmit="handleSubmit(event)" name = "formResetEvent">
        <input type="text" placeholder="名前を⼊⼒してください">
        <button type="submit">送信</button>
        </form>
        <p id="submitMessage"></p>
        <script>
            function handleSubmit(event) {
                event.preventDefault(); // フォーム送信をキャンセル
                document.getElementById('submitMessage').innerHTML = 'フォームが送信されました！';
                document.formResetEvent.reset();//ここでフォームの中身をリセットしてる。
            }
        </script>