HTML フォームを送信するいくつかの方法_PowerNode Java Academy

HTML フォームを送信するいくつかの方法_PowerNode Java Academy

方法1: 送信ボタンから送信する

<!DOCTYPE html>
<html>
<ヘッド>
    <title>送信ボタンから送信</title>
    <メタ文字セット="UTF-8"/>
</head>
<本文>
    <フォームアクション="" メソッド="get" id="form1">
        <input type="text" name="ユーザー名"></input>
        <input type="submit" value="送信" />
    </フォーム>
</本文>
</html>

方法2: 通常のボタンで送信する

<!DOCTYPE html>
<html>
<ヘッド>
    <title>通常のボタンで送信</title>
    <メタ文字セット="UTF-8"/>
</head>
<本文>
    <フォームアクション="" メソッド="get" id="form1">
        <input type="text" name="ユーザー名"></input>
        <input type="button" value="ok" name="sb" onclick="submit1();">
    </フォーム>
    <script type="text/javascript">
        関数submit1()
        {
            var form1 = document.getElementById("form1");
            フォーム1.action = "bjpowernode.html";
            フォーム1.submit();
        }
    </スクリプト>
</本文>
</html>

方法3: ハイパーリンク経由で送信

<!DOCTYPE html>
<html>
<ヘッド>
    <title>ハイパーリンク経由で送信</title>
    <メタ文字セット="UTF-8"/>
</head>
<本文>
    <a href="bjpowernode.html?username=张三">ハイパーリンク経由で送信</a> 
</本文>
</html>

<<:  Mac で MySQL 8.0.22 のパスワードを取得する方法

>>:  Tomcat を再デプロイした後にイメージやその他のリソースが自動的に削除される問題を解決します

推薦する

Dockerの高可用性構成の詳細な説明

Docker の作成Docker Compose は、管理対象コンテナをプロジェクト、サービス、コン...

データバインディングとリストデータの表示にはVue3を使用する

目次1. Vue2との比較1. Vue3の新機能2. Vue2とVue3の応答原理の比較3. 配列の...

JavaScript ES 新機能ブロックスコープ

目次1. ブロックスコープとは何ですか? 2. ブロックスコープが必要なのはなぜですか? 3. 関数...

CentOS 7 で grub パスワードと単一ユーザー ログインを設定するサンプル コード

Centos7 と Centos6 では、GRUB パスワードの設定手順に大きな違いがあります。これ...

Quill エディタでカスタム HTML レコードを挿入する詳細な例

もう2020年です。飢えた人間は単純なテキストでは満足できなくなり、さまざまなスタイルの派手なテキス...

MySQLで時間別データと最後の時間別データの差をクエリするアイデアの詳細な説明

1. はじめに要件は、特定の時間範囲内で、1 時間ごとのデータと前の 1 時間ごとのデータの差と比率...

Docker で Node プロジェクトをビルドしてデプロイする方法

目次DockerとはクライアントサイドDocker基本的なDocker操作画像名画像をプルするその他...

CSS ファイルをインポートする 4 つの方法 (インライン、インライン、外部、インポート) の詳細な説明

CSS インポート方法 - インラインスタイルタグ属性を通じて、CSSのキーと値のペアがタグに直接書...

MySQLのさまざまなロックの概念的理解

楽観的ロック楽観的ロックは、主にデータ バージョン記録メカニズムに基づいて実装され、通常はデータベー...

Linux lsコマンドの使用

1. はじめにls コマンドはディレクトリの内容を表示するために使用され、Linux で頻繁に使用さ...

Vue でメニュー権限制御を実装するためのサンプルコード

バックエンド管理システムで作業している場合、通常、メニュー権限制御に関連する問題に遭遇します。もちろ...

Nginx で limit_req_zone を使用して同じ IP へのアクセスを制限する方法

Nginx は、ngx_http_limit_req_module モジュールの limit_req...

VUE+Canvasは、インゴットを受け取る富の神のゲームを実装します

前回のキャンバス ゲーム シリーズへようこそ: 《VUEがFlappy Birdを実装しました〜〜〜...

インデックスを使用して数千万のデータを持つ MySQL のクエリ速度を最適化する

1. インデックスの役割一般的に言えば、インデックスは本の目次に相当します。条件に基づいてクエリを実...

CSSを使用して炎の効果を作成する方法

本文は以下から始まります。 123WORDPRESS.COM ダウンロード:純粋な CSS3 で超リ...