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

ブログ    

推薦する

docker-compose ポートと expose の違いの詳細な説明

docker-compose でコンテナ ポートを公開する方法は、ports と expose の ...

ミニプログラムカスタムコンポーネントの非効率的なグローバルスタイルの解決策

目次長すぎて読めないコンポーネントスタイルの分離デモテスト優先度ページの分離構成参考文献ネイティブ ...

Linux で SpringBoot jar プログラム デプロイメント シェル スクリプトを起動および停止する方法

では早速、コードをお見せしましょう。具体的なコードは次のとおりです。 #!/bin/bash cd ...

フロントエンドとバックエンド分離プロジェクトのDockerデプロイメントの実装例

目次1. 環境整備2. イメージを実行する問題を解決するRedis のインストールNginx のイン...

ウェブページ作成時のHTMLタグの使用に注意してください

この記事では、Web ページの作成を学習するときに注意すべき HTML タグに関するいくつかの問題を...

よく使われる HTML タグとその特徴の完全なリスト

まず、HTML タグのいくつかの特性を知っておく必要があります。 1. 「<keyword&g...

MySQL における 8 つの一般的な SQL 使用例

序文MySQL は、2016 年もデータベースの人気において力強い成長傾向を維持し続けました。 My...

MySQL パスワードに特殊文字が含まれている場合とコマンドラインからログインする場合

サーバーでは、データベースにすばやくログインするために、通常は mysql -hhost -uuse...

0.1秒の価値!フロントエンドのウェブページの高速化の問題について簡単に説明します

私が現在の仕事の面接を受けたとき、リーダーが真剣にこう言っていたのを覚えています。「今の世の中はイン...

リストループスクロールを実現するための HTML+CSS+JavaScript サンプルコード

説明: 指定された時間内に前のノードのコンテンツを置き換えるタイマーを設定します。 1. キーコード...

Reactプロジェクトで要素を使用する方法

React プロジェクトで要素フレームワークを使用するのは今回が初めてです。非常に単純な問題に遭遇し...

MySQL 5.7 の同時レプリケーションにおける暗黙のバグの分析

序文当社の MySQL オンライン環境のほとんどはバージョン 5.7.18 を使用しています。このバ...

MySQL の中国語文字化け問題の解決方法

1. LinuxのMySQLで中国語の文字化けが発生する。以下の操作を実行する。 vi /etc/m...

JavaベースのMySQLバックアップテーブル操作

コアはmysqldumpとランタイムです操作は実際にはそれほど難しくありません。バックアップ操作を実...

Windows に MySQL をインストールする方法のグラフィック チュートリアル

概要: この記事では主に、Windows 環境に MySQL をインストールする方法について説明しま...