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 ポイント問題の詳細な説明

推薦する

MySQL ストアド プロシージャ (in、out、inout) の詳細な説明

1. はじめにバージョン 5.0 以降でサポートされています。特定の機能を実行するための SQL ス...

ページのキャッシュを防ぐソリューション

解決: <head> に次のコードを追加します。コードをコピーコードは次のとおりです。 ...

mysql のインデックスと FROM_UNIXTIME に関する問題

ゼロ、背景今週の木曜日にたくさんのアラートを受け取りました。DBA に確認を依頼したところ、遅いクエ...

【HTML要素】画像の埋め込み方法

img 要素を使用すると、HTML ドキュメントに画像を埋め込むことができます。画像を埋め込むには、...

mysql ERROR 1045 (28000) 問題の解決方法

私はmysql ERROR 1045に遭遇し、この問題に長い時間を費やしました。私はそれを自分で書き...

mysqlタイムスタンプの使用

序文:タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...

Linux カーネルの copy_{to, from}_user() に関する考察

目次1. copy_{to,from}_user() とは何か1. copy_{to,from}_u...

Vue Element フロントエンドアプリケーション開発: Vuex での API ストアビューの使用

目次概要1. フロントエンドとバックエンドの分離とWeb APIの優先ルート設計2. Axiosネッ...

Linux システム MySQL8.0.19 クイックインストールと構成チュートリアル図

目次1. 環境の紹介2. MySQL-8.0.19をインストールする3. MySQLを設定する1. ...

ウェブデザインにおけるポップアップウィンドウとフローティングレイヤーのデザイン

従来のソフトウェアから Web ウェアへの段階的な移行の傾向の中で、デザイン パターンとテクノロジは...

数十行のjsを使用してクールなキャンバスインタラクティブ効果を実現する方法を教えます

目次1. 円を描く2. マウスで動かした円3. マウスでドラッグした粒子4. カラーグラデーション粒...

Ubuntuにopencvをインストールする正しい方法の詳細な説明

この記事ではUbuntuでC++インターフェースを使用してopencvをインストールする方法について...

CSS を使用して fullpage.js のフルスクリーン スクロール効果を実装するサンプル コード

最近 CSS を勉強していたとき、 2 つの CSS プロパティだけを使用して全画面スクロール効果を...

MySQLパーティションテーブルの詳細な説明

序文:パーティショニングはテーブル設計パターンです。一般的に、テーブル パーティショニングとは、条件...

SNMP4J サーバー接続タイムアウト問題の解決策

弊社のネットワーク管理センターは管理センター兼サーバーとして機能します!各管理対象デバイスは、TCP...