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 data が関数である理由をご存知ですか?

公式サイトの説明: コンポーネントを定義する場合、コンポーネントは複数のインスタンスを作成するために...

Centos7 での nginx のインストールと設定に関する詳細なチュートリアル

注: ソフトウェアのインストールの基本ディレクトリ パスは /usr/local です。ソフトウェア...

Vueは完全な選択機能を実装しています

この記事の例では、完全な選択機能を実装するためのVueの具体的なコードを参考までに共有しています。具...

Uniapp WeChatアプレット: キー障害の解決策

ユニアプリコード <テンプレート> <表示> <image v-for...

Webフロントエンドのパフォーマンス最適化

ウェブフロントエンド最適化のベストプラクティス: コンテンツWebフロントエンド最適化のベストプラク...

Ubuntu 19.10 で ssh サービスを有効にする (詳細なプロセス)

Ubuntuでsshを開くのに1時間以上かかりました。主な原因は、最初に読んだチュートリアルの手順...

JavaScriptのURLオブジェクトとは何かについて話しましょう

目次概要ハッシュプロパティホストプロパティホスト名属性Href属性起源のプロパティユーザー名とパスワ...

クラウド CentOS で Docker リモート サービス リンクを有効にするための実装手順

ここでは、dockerがインストールされたcentosサーバーを紹介し、リモートリンクサービスを開始...

HTML リスト タグ dl、ul、ol の使用例

コードをコピーコードは次のとおりです。 <!--リストタグ: <dl>: 階層リス...

Rails APIを使用してReactアプリケーションを構築するための詳細な手順

目次バックエンド: Rails API部分フロントエンド: React部分Reactコンポーネントa...

JavaScriptでマクロを使用する方法

言語では、DSL を実装するためにマクロがよく使用されます。マクロを使用すると、開発者は JSX 構...

Ubuntu システムに Theano と Keras をインストールする方法

注: システムは Ubuntu 14.04LTS、32 ビット オペレーティング システムです。Py...

Vueはメニューナビゲーションを実装するためにelement-uiを使用します

この記事では、Element-uiを使用してメニューナビゲーションを実装するVueの具体的なコードを...

react+antdプロジェクトをゼロから構築する方法を教えます

これまでの記事はすべて私自身の学習記録であり、主に以前に遭遇した落とし穴を忘れないようにするためのも...

VMware12.0 インストール Ubuntu14.04 LTS チュートリアル

私は、デスクトップ バージョンとサーバー バージョンの両方で、仮想マシンにさまざまなイメージを何度も...