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

推薦する

Vue の this.$router と this.$route の違いと push() メソッド

公式文書には次のように記されている。ルーターを挿入することで、どのコンポーネントでも this.$r...

Mysql 中国語ソートルールの説明

MySQL を使用する際、フィールドをソートしたりクエリしたりすることがよくあります。通常は、中国語...

MacOS Catalina アップグレード後の VMware ブラック スクリーン問題に対する完璧な解決策の詳細な説明

MacOS Catalina アップグレード後の VMware ブラック スクリーンに対する完璧なソ...

Nginx/Httpd リバース プロキシ Tomcat 設定チュートリアル

以前のブログでは、Tomcatのサーバーの各コンポーネントの使用について学びました。 Tomcatは...

css n番目から始まるすべての要素を取得する

具体的なコードは次のとおりです。 <div id="ボックス"> &...

MySQL データベース分離レベルと MVCC の詳細な説明

目次1. 分離レベルコミットされていない読み取りREAD COMMITED (コミット読み取り/非反...

Bootstrap が人気な 11 の理由

序文最も人気のあるフロントエンド開発フレームワークである Bootstrap は、Web サイトの開...

ウェブサイトにダークモード切り替え機能を持たせるための純粋なCSSフリー実装コード

序文ダーク モードの概念は、 MacOS系統のMojaveに由来し、ユーザーが選択できる 2 つのス...

JavaScriptプロトタイプチェーンの詳細な説明

目次1. コンストラクタとインスタンス2. プロパティプロトタイプ3. プロパティ __proto_...

Vueスロットの使用の詳細

目次1. スロットを使用する理由1.1 スロット1.2 コンポーネントのスロット1.3 例2. この...

Vueプロジェクトがグラフィック検証コードを実装

この記事の例では、グラフィック検証コードを実装するためのVueプロジェクトの具体的なコードを参考まで...

Vueは、センシティブな単語フィルタリングコンポーネントを検出するためのさまざまなアイデアを実装しています。

目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...

MySQLのクラスタ化インデックスと非クラスタ化インデックスの詳細な説明

1. クラスター化インデックステーブル データはインデックスの順序で保存されます。つまり、インデック...

Linux環境でユーザーにsudo権限を追加する方法

sudo 設定ファイルsudo のデフォルトの設定ファイルは /etc/sudoers です。一般的...

リアルタイムコンピューティングフレームワークFlinkクラスタの構築と動作メカニズムについての簡単な説明

目次1. Flinkの概要1.1 基本的な紹介1.2 アプリケーションシナリオ2. 環境の展開2.1...