ボタンとsubmit_html/css_WEB-ITnose

原文:

http://blog.sina.com.cn/s/blog_693d183d0100uolj.​​html

submit はボタンの特殊なケースであり、アクションを受け取ります。自動的に統合されます。

送信前に送信ボタンをクリックした後、フォームを JS で処理する必要がある場合 (入力検証を含む)、通常は送信ボタンを変更する必要があります。つまり、自動送信動作をキャンセルする必要があります。動的 Web ページの場合、データベースが 2 回操作されることになります。または、submit 使用時の検証時に return true または false を追加します。

送信とボタン、どちらもボタンの形式で表示されます。違いは、応答の type 属性とイベントにありますが、ボタンはフォームを送信しません。

両方 主な違いは次のとおりです。

submit はデフォルトでフォームを送信できます。

ボタンは、onclick などのイベント ハンドラーを指定しない場合、何も行いません。もちろん、ボタンでもフォームの送信作業を完了できます

INPUT type=submit はフォームを送信し、Enter を押してフォームを送信することを意味します

INPUT type=button は単純なボタン関数であり、送信されるのは innerTEXT です

========== =====送信とボタンの詳細な比較============================= =======

submit: 特別なボタンは、onClick メソッドがリターンを追加しない場合、自動的に送信され、制約として機能しません。 submitを使用する場合はreturn trueまたはfalseを追加してください

例: をJSで判定する場合。 return true; または return false; を書き込みます。

button: 通常のボタンは、JS: document.form1.submit() で明示的に送信できます。この場合、ユーザーの操作に応じてどのコントローラーに送信するかを決定する必要があります。この場合、JS でユーザーの操作を決定し、その操作に基づいて document.form1.action に値を割り当てて送信する必要があります。 document.form1.submit()

============ ===すべての送信をサーブレットで処理したい場合は、どうすればよいですか=========== =======

送信ボタンも HTML コンポーネントであるため、getParameter() を渡して取得することもできます。その後、getParameter() のパラメータも修正する必要があります

パラメータは名前ですもちろん、送信ボタンの値に基づいて操作を区別するために、送信ボタンの名前は同じである必要があります。 ===============パスの設定について======================== ======== =====

A. href="jsp/a.html" のようにページ内にパスを直接記述すると、フラット ディレクトリへのアクセスを意味します。この例では、JSP フォルダーがあり、a.html にアクセスすることを意味します。フォルダー内のファイル

B. パスを JAVA で直接記述します。response.sendRedirect("jsp/a.jsp") は、プロジェクトのルート ディレクトリに JSP フォルダーがあることを意味します。

フォルダー内のファイルページのユーザビリティを向上させるために、送信の使用に注意を払う必要があります。

送信を使用した後、ページはキーボードの Enter キー操作をサポートしますが、多くの WEB ソフトウェア設計者は、送信ボタンを使用した後、ページが統一されていないことに気づいていない可能性があります。 Enterキーをサポートします。したがって、Enter キーをサポートする必要がある場合は、デフォルトで、ページの最初の送信時に Enter キーが動作するように設定する必要があります。

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

onClick実行後のジャンプファイルはjsファイルで管理されており、送信にはonClickが必要です。ここでは No onClick

例:

type="submit"

" onSubmit=" return check_submit(this)">

type="button"

" method="post" name="frmAddModi" >