ホームページ  >  記事  >  ウェブフロントエンド  >  ボタンと送信の違いの概要

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

零下一度
零下一度オリジナル
2017-07-19 13:20:184627ブラウズ

ページにボタンを描画するには 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 にはジャンプがあり、ページが更新されますが、ボタンは更新されず、単に

以上がボタンと送信の違いの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。