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

ボタンからのフォーム送信を防ぐ方法

問題:
HTML5 の使用など、特定のシナリオで項目を追加または削除するためのボタン要素を使用するには、削除ボタンがフォームの送信をトリガーしないようにすることが重要です。追加ボタンはフォームを送信しませんが、削除ボタンはフォームを送信します。この問題には、目的のボタンのフォーム送信を無効にする解決策が必要です。

解決策:

HTML5 ボタン要素のデフォルトの動作は、ボタン要素に含まれるフォームを送信することです。この動作をオーバーライドするには、明示的な type 属性を指定する必要があります。タイプをデフォルトの「submit」ではなく「button」に設定すると、ボタンがフォーム送信をトリガーするのを防ぐことができます。

以下の修正されたコード スニペットは、この変更を実現する方法を示しています。

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

説明:

HTML 要素の「type」属性は、使用されるボタンのタイプを定義します。これを「ボタン」に設定すると、ボタンの目的が追加のフォーム アクションなしで JavaScript 関数を実行することであることが明確に示されます。 「return false;」このステートメントにより、ボタンがクリックされたときにフォームが送信されなくなります。

この変更を行うことで、削除ボタンによってフォームが送信されなくなりますが、追加ボタンはフォームを送信せずに引き続き意図したとおりに機能します。

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