HTMLフォームのクリア方法

JavaScriptを使用してフォームをクリアする方法:

JavaScriptを使ってフォームをクリアするには、以下のようなコードを使用します。

<form id="myForm">
  <!-- フォームの入力フィールドやボタンなどの要素 -->
</form>
<script>
  function clearForm() {
    document.getElementById("myForm").reset();
  }
</script>

上記の例では、フォーム要素にid="myForm"という識別子を設定し、JavaScriptのreset()メソッドを使用してフォームをクリアしています。クリアするためのボタンやイベントなどのトリガーも追加することができます。

リセットボタンを使用してフォームをクリアする方法:

HTMLの<input>要素を使用して、リセットボタンを作成し、それをクリックすることでフォームをクリアすることもできます。

<form>
  <!-- フォームの入力フィールドやボタンなどの要素 -->
  <input type="reset" value="クリア">
</form>

上記の例では、<input>要素のtype属性をresetに設定し、value属性に表示するボタンのテキストを指定しています。このボタンをクリックすると、フォームの内容がクリアされます。

以上がHTMLフォームをクリアする方法の一部です。他にもさまざまな方法がありますが、上記の方法がシンプルで一般的なやり方です。必要に応じてこれらのコード例を参考にしてください。