HTML入力ドロップダウンメニューを実装する方法

HTML入力ドロップダウンメニューを実装する方法

コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8" />
</head>
<本文>
<?php
エコー '
<フォーム名="DDForm" メソッド="GET" アクション="">
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:180px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value" name="hh">
<option value="車">車</option>
<option value="Train"> 電車</option>
<option value="航空機"> 航空機</option>
</選択>
</span><input name="box" style="width:160px;position:absolute;left:0px;">
<input value="送信" name="送信" type="送信"/>
</div>
</form>';
$aa=$_GET['hh']."111"; // ドロップダウンメニューの値を選択する
$bb=$_GET['box']."222"; // 入力ボックスの値
$aa をエコーし​​ます。
エコー "</br>";
$bb をエコーし​​ます。
// ドロップダウン メニューに入力できる値を取得するには、入力ボックスの値を取得するだけです。
?>
</本文>
</html>


ドロップダウン メニューに入力できる値を取得するには、入力ボックスの値を取得するだけです。

注: </span><input name="box" style="width:160px;position:absolute;left:0px;">

この行は1行でなければならず、次のように書くことはできません。

</span>

<input name="box" style="width:160px;position:absolute;left:0px;">

改行後、ドロップダウンメニューの値が入力ボックスに表示されません。

入力に基づいて一致するメニュー値を自動的に選択することもできます。

<<:  Docker コンテナにおける Patroni の簡単な分析

>>:  MySQLのスペースをクリーンアップするいくつかの具体的な方法

推薦する

MySQL InnoDB アーキテクチャの概要

目次導入1. MySQLデータベースの全体的なアーキテクチャSQL インターフェースパーサーオプティ...

Windows で Graphviz をインストールして開始する方法のチュートリアル

ダウンロードとインストール環境変数の設定インストール環境変数の設定確認基本的な描画の紹介グラフディグ...

MySQL トリガー: トリガーの作成と使用

この記事では、例を使用して MySQL トリガーの作成と使用について説明します。ご参考までに、詳細は...

nginx-naxsi ホワイトリストルールの詳細な説明

ホワイトリストルールの構文:基本ルール wl:ID [否定] [mz:[$URL:target_ur...

Vueプロジェクトをパッケージ化してリリースする手順

目次1. 開発環境から本番環境への移行2. 統一されたリクエストパスを設定する3. パッケージ化コマ...

Apache での ModSecurity のインストール、有効化、および構成

ModSecurity は、Web サーバーに入るすべてのパケットをチェックする強力なパケット フィ...

CentOS MySQLデータベースのスケジュールバックアップを実装する方法

次のスクリプトは、MySQLデータベース全体のスケジュールされたバックアップに使用されます。 mys...

CocosCreator 学習モジュールスクリプト

Cocos Creator モジュラースクリプトCocos Creator を使用すると、コードを複...

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

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

MySql テーブル、データベース、シャーディング、パーティショニングの知識の詳細な説明

1. はじめにデータベース内のデータ量が一定レベルに達すると、システムパフォーマンスのボトルネックを...

Vue は PDF ファイルのオンライン プレビューを実装します (pdf.js/iframe/embed を使用)

序文現在、私はコースウェア PPT のオンライン プレビューを必要とする高品質のコースに取り組んでい...

Web ページのソース ファイルを表示できない場合はどうすればよいですか?

Q: Outlook または IE のどちらを使用している場合でも、マウスを右クリックすると、ポッ...

CSS3 のテキストとフォントの新しい設定

テキストシャドウテキストシャドウ: 水平オフセット 垂直オフセット ぼかし色互換性: IE10+ &...

MySQL 使用仕様の概要

1. InnoDBストレージエンジンを使用する必要がありますCPU と IO のパフォーマンスが向上...