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のスペースをクリーンアップするいくつかの具体的な方法
推薦する
HTML チュートリアル、HTML デフォルト スタイル
html 、アドレス、引用、本文、 dd 、 div 、 dl 、 dt 、フィールドセット、フォ...
Vueでパスワードの表示と非表示機能を実装するアイデアを詳しく解説
効果： アイデア:入力タイプ属性を使用して、タイプ値がテキストの場合はパスワードを表示し、タイプ値が...
キャンバスはスクラッチカード効果を描画します
この記事では、キャンバスでスクラッチカード効果を描画するための具体的なコードを参考までに共有します。...
時刻を保存するために適切な MySQL の datetime 型を選択する方法
データベースを構築してプログラムを書くとき、日付と時刻の使用は避けられません。データベースには、ti...
Spark と Scala を使用して Apache アクセス ログを分析する方法
インストールまず、Java と Scala をインストールし、次に Spark をダウンロードしてイ...
WIN10 での JDK インストールと環境変数の設定手順 (詳細版)
目次1. JDKをダウンロードする（例としてjdk1.8.0を使用する） 2. JDK をインストー...
MySQL における distinct と group by の違い
簡単に言うと、distinct は重複を削除するために使用され、group by は統計を集計するよ...
JavaScriptとTypeScriptの関係
目次1. JavaScript とは何ですか? 2. JavaScript は何に使用されますか? ...
MySQL 8.0.11 Community Green Edition の Windows 用インストール手順図
このチュートリアルでは、インストールに最新の MySQL コミュニティ グリーン バージョンである ...
JS の配列トラバーサルについて、一般的なループをいくつ知っていますか?
序文基本的なデータ構造として、配列とオブジェクトはさまざまなプログラミング言語で重要な役割を果たしま...
TypeScript ジェネリックを簡単に説明する方法
目次概要ジェネリック医薬品とはビルドシステムジェネリック医薬品の一般的な理解ジェネリッククラスジェネ...
Centos 7 64 ビット デスクトップ バージョンのインストール グラフィック チュートリアル
システムが遅いと感じてソースを変更したい場合は、別の記事で整理しました https://blog.c...
nginx で gzip 圧縮を実装してウェブサイトの速度を向上させる方法
目次gzip 圧縮を使用する理由は何ですか? nginxはgzipを実装するgzip処理nginx ...
ウェブレッスンプラン、初心者向けレッスンプラン
指導トピックウェブページ適用グレード高校2年生授業時間1 クラス教科書分析焦点: 静的および動的ウェ...
CSS3 フィルターの違いと応用の詳しい説明:ドロップシャドウフィルターとボックスシャドウ
標準 CSS3 を使用して要素の影の効果を実現するには、2 つの手順があります。1 つ目は一般的なb...