HTMLフォームの送信後に入力内容をクリアする方法

1. ページの再読み込み: 最も簡単な方法は、フォームの送信後にページを再読み込みすることです。これにより、入力内容がクリアされます。以下は、フォームの送信ボタンがクリックされた後にページを再読み込みするコード例です。

<form>
  <!-- フォームの入力項目 -->
  <input type="text" name="name" placeholder="名前"><br>
  <input type="email" name="email" placeholder="メールアドレス"><br>
  <!-- 他の入力項目 -->
  <!-- 送信ボタン -->
  <input type="submit" value="送信" onclick="window.location.reload();">
</form>

2. JavaScriptを使用して入力内容をクリアする: JavaScriptを使って、フォームの送信後に入力内容をクリアする方法もあります。以下は、JavaScriptを使用してフォームの入力内容をクリアするコード例です。

<form>
  <!-- フォームの入力項目 -->
  <input type="text" id="name" name="name" placeholder="名前"><br>
  <input type="email" id="email" name="email" placeholder="メールアドレス"><br>
  <!-- 他の入力項目 -->
  <!-- 送信ボタン -->
  <input type="submit" value="送信" onclick="clearForm();">
</form>
<script>
function clearForm() {
  document.getElementById("name").value = "";
  document.getElementById("email").value = "";
  // 他の入力項目の値も同様にクリアする
}
</script>

これらの方法を使えば、HTMLフォームの送信後に入力内容をクリアすることができます。ご参考までにご利用ください。