ボタンが HTML フォームを送信できないようにするにはどうすればよいですか?

削除ボタンのクリック時のフォーム送信の防止

提供された HTML フォームでは、「削除」ボタンをクリックするとフォーム送信がトリガーされます。この動作を防ぐには、W3C 仕様で定義されているように、HTML5 ボタン要素にはフォームを送信するデフォルトの動作があることを理解することが重要です。

このデフォルトの動作をオーバーライドするには、ボタンのタイプをボタンとして明示的に指定します。 :

<button type="button">Remove Last Item</button>

type 属性を「button」に設定すると、ボタン要素をカスタム JavaScript コードを開始するボタンとして扱うようにブラウザに指示します。 (この場合は、removeItem() 関数) フォームを送信する代わりに。

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

この変更により、「削除」ボタンをクリックしてもフォームが送信されなくなり、他のアクションを実行できるようになります。フォームの送信をトリガーせずに、テーブルから行を削除したり、アプリケーション内のデータを更新したりするなど。

以上がボタンが HTML フォームを送信できないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。