ボタンと送信の違いの概要

ページにボタンを描画するには 4 つの方法があります:

これはボタンです。 JavaScriptを書かないと押しても何も起こりません。

このようなボタンは、それを防ぐための JavaScript を記述しない限り、ユーザーがクリックすると自動的にフォームを送信します。

<ボタン> このボタンをフォームに配置すると、クリックすると自動的に送信されます。ボタンのコンテンツにはテキストだけでなく、画像やその他のマルチメディア コンテンツも含めることができます。 (もちろん、最初の 2 つは写真の背景を使用して行うこともできます)。この欠点は、ブラウザごとに取得される値が異なることです。ブラウザの互換性の問題が発生する可能性があります (Ge Liang)。

その他のタグ (a、img、span、div など) を使用し、画像を使用してボタンとして偽装します。

Submit はフォームを送信するために特別に使用される Button です。Button との主な違いは 2 つあります:
Type=button は単なるボタン機能です
Type=submit はフォームを送信します
(1) Submit はフォーム (form. submit()) onclick後のデフォルトイベントとして、Buttonはこんな感じではありません
(2)フォームが送信されると、name属性を持つすべてのHTML入力要素(inputタグ、buttonタグ、selectタグなどを含む)がSubmit オブジェクトを除き、キーと値のペアとして送信されます。 Submit オブジェクトは、クリックされた後の送信でキーと値のペアとしてのみ送信されます。
ただし、WEB UIに携わる人は、ページの使いやすさを向上させるためにsubmitの使用に注意する必要があります:

submitを使用すると、ページはキーボードのEnterキー操作をサポートしますが、多くのWEBソフトウェア設計者はsubmitが

ボタンを使用した後、ページが Enter キーをサポートしていないことがよくあります。したがって、Enter キーをサポートする必要がある場合は、デフォルトで、ページの最初の送信時に Enter キーが機能するように設定する必要があります。


onClickを実行したらアクションに移ります。 onClick なしで自動的に送信できます。したがって、ここでは onclick は必要ありません。

onClick実行後はjsファイルでジャンプファイルを制御します。送信には onClick が必要です。
例：
1. onclick="form1.action='a.jsp';form1.submit();" これによりsubmit関数が実現されます。

もっとわかりやすく言うと、submit にはジャンプがあり、ページが更新されますが、ボタンは更新されず、単に より柔軟でスタイルを制御できるボタンを生成します。