HTML のフォームフォームのメソッド属性の紹介

HTML のフォームフォームのメソッド属性の紹介
1 メソッドは、データをサーバーに送信する方法を指定するプロパティです。
2 post と get post のみ可能です: 公式の説明では、post セッションを通じてデータをサーバーに転送します。実際にデータを送信します。 get: フォーム内のデータを、変数=値の形式でアクションが指す URL に追加し、2 つを「?」で接続し、各変数を「&」で接続します。通常、サーバーからデータを取得するために使用されます。
3. デフォルトはgetなので、通常はpostとして指定します。

例えば:

たとえば、a.htm と b.asp という 2 つのページがあり、ページ a.htm の形式で値をページ b.asp に渡したいとします。
すると、a.htm に次のフォーム コードが存在します。

コードをコピー
コードは次のとおりです。

<フォーム id="form1" メソッド="get" アクション="b.asp">
<input name="Text1" type="text" value="11" />
<input id="Submit1" type="submit" value="submit" />
</フォーム>

上記のコードには注目すべき箇所が 2 つあります。

1. メソッドの属性は get なので、値は URL を介して渡され、表示されます。
2. フォームにはテキスト ボックスと送信ボタンの 2 つのオブジェクトがあります。渡す必要があるのはテキスト ボックスの値です。テキスト ボックスの値が URL に表示されるように、テキスト ボックスの id 属性を name 属性に変更する必要があることに注意してください。

a.htm ページを参照して送信ボタンをクリックすると、ページは b.asp ページに移動し、URL は次のようになります。

http://localhost/WebSite2/b.asp?Text1=11

URL に値を表示したくない場合は、メソッドの値を post に変更するだけです。

次に、b.asp で、サーバー側コードを通じて渡された値を取得できます。
method=get の場合、b.asp ページは値を取得し、<% =Request.QueryString["Text1"]%> を通じて出力します。
method=post の場合、b.asp ページは <% =Request.Form["Text1"]%> を通じて値を取得して出力します。

<<:  ウェブサイトはいつ広告を掲載すべきでしょうか?

>>:  JavaScript プロトタイプオブジェクトの this ポイント問題の詳細な説明

推薦する

nginx がドメイン名アクセス用に設定されている場合にドメイン名の後に 2 つのスラッシュ // が表示される問題の解決方法

最近、個人のウェブサイトを書き直しました。Alibaba Cloudで新しいサーバーを購入しました。...

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...

Node.js組み込みモジュールの詳細な説明

目次概要1. パスモジュール2. モジュールまで3. fsモジュール4. イベントモジュール5. h...

JavaScript ドキュメント オブジェクト モデル DOM

目次1. JavaScriptはページ内のすべてのHTML要素を変更できる1. IDでHTML要素を...

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorException の解決方法

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorExce...

Win7 の VMware 仮想マシンに Linux7.2 をインストールするインターネット アクセス構成チュートリアル

参考までに、win7システム上のVMware仮想マシンにlinux7.2インターネットアクセス構成を...

CSSはリストのスタイルを設定し、ナビゲーションメニューの実装コードを作成します。

1. リストシンボルを設定するlist-style-type: attribute; //リストの...

MySQL でのワイルドカードを使用したファジークエリの実装に関する簡単な説明

MySQL データベースでは、あいまいクエリが必要な場合にワイルドカードを使用します。まず、演算子と...

WeChatミニプログラム公式顔認証の詳しい説明

ミニプログラムはユーザーの個人情報を収集してアップロードしましたが、拒否されました。こんにちは、ミニ...

画像のシームレスなスクロールを実現する JavaScript タイマー

この記事では、画像のシームレスなスクロールを実現するためのJavaScriptの具体的なコードを参考...

WeChatミニプログラム抽選コンポーネントの使い方

WeChatコンポーネントの形式で提供されます。コンポーネント内部ではasync/awaitが使用さ...

Mac で Docker を使用して Oracle をデプロイする方法

Mac で Docker を使用して Oracle をデプロイする方法まずdockerをインストール...

HTMLドキュメントタイプの詳細な説明

私のは: <!DOCTYPE html>ブログガーデン: <!DOCTYPE HT...

時間範囲効果を実現するためのJavaScript

この記事では、時間範囲効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します...

クラウドネイティブテクノロジー Kubernetes (K8S) の紹介

目次01 Kubernetes とは何ですか? 02 KubernetesとCompost+Swar...