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

<ボタン>できますフォームの送信を回避するように要素を構成する必要がありますか?

両方の を使用すると、一般的なジレンマが発生します。そして<フォーム内の要素であり、それぞれが異なる目的を果たします。 <ボタン>要素はスタイル設定の目的でよく使用され、クリックされたときにフォームを送信するデフォルトの動作を継承します。 の場合、これは問題を引き起こす可能性があります。

この難題を解決するには、

の type 属性を変更することが重要です。デフォルトでは、「送信」に設定されており、フォームが送信されます。ただし、「ボタン」に設定すると、このデフォルトの動作が効果的に無効になります。

例:

次の HTML コードを考えてみましょう。

<button type="submit">Submit</button>
<a href="index.html"><button>Cancel changes</button></a>

Inこの例では、最初のボタンはフォームを送信し、2 番目のボタンは「index.html」ページに移動します。ただし、フォームを送信せずに jQuery UI で「変更をキャンセル」ボタンのスタイルを設定することが目的の場合、属性の変更は次のようになります。

<a href="index.html"><button type="button">Cancel changes</button></a>

タイプを「ボタン」に設定すると、ボタンはは、フォームの送信をトリガーせずにスタイル機能を保持します。

注:

注意してください。 HTML マークアップで type="button" を指定することは、JavaScript イベント ハンドラーに依存してフォームの送信を防ぐよりもクリーンで効率的なアプローチです。

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