How to implement html input drop-down menu
|
Copy code The code is as follows:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <?php echo ' <form name="DDForm" method="GET" action=""> <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="Car">Car</option> <option value="Train"> Train</option> <option value="Aircraft"> Aircraft</option> </select> </span><input name="box" style="width:160px;position:absolute;left:0px;"> <input value="Submit" name="submit" type="submit"/> </div> </form>'; $aa=$_GET['hh']."111"; // select the value of the drop-down menu $bb=$_GET['box']."222"; // value of input box echo $aa; echo "</br>"; echo $bb; // To get the value that can be entered into the drop-down menu, just get the value of the input box. ?> </body> </html> To get the value that can be entered into the drop-down menu, just get the value of the input box. Note: </span><input name="box" style="width:160px;position:absolute;left:0px;"> This line must be in one line and cannot be written as </span> <input name="box" style="width:160px;position:absolute;left:0px;"> After the line break, the value of the drop-down menu cannot be displayed in the input box. It can also automatically select a matching menu value based on the input. |
<<: A Brief Analysis of Patroni in Docker Containers
>>: Several specific methods of Mysql space cleaning
Recommend
Display mode of elements in CSS
In CSS, element tags are divided into two categor...
Implementation of Docker packaging image and configuration modification
I have encountered many problems in learning Dock...
HTML text escape tips
Today I saw a little trick for HTML text escaping ...
Angular Dependency Injection Explained
Table of contents Overview 1. Dependency Injectio...
Specific method to delete mysql service
MySQL prompts the following error I went to "...
Specific use of MySQL binlog_ignore_db parameter
Preface: After studying the previous article, we ...
How to install nginx on win10
Because the company asked me to build a WebServic...
Summary of SQL deduplication methods
When using SQL to extract data, we often encounte...
Mysql join query principle knowledge points
Mysql join query 1. Basic concepts Connect each r...
Detailed explanation of MySQL user and permission management
This article uses examples to describe the manage...
Using Docker Enterprise Edition to build your own private registry server
Docker is really cool, especially because it'...
Explanation of the problem that JavaScript strict mode does not support octal
Regarding the issue that JavaScript strict mode d...
Detailed explanation of the use of props in React's three major attributes
Table of contents Class Component Functional Comp...
Linux system AutoFs automatic mount service installation and configuration
Table of contents Preface 1. Install the service ...
A brief discussion on HTML table tags
Mainly discuss its structure and some important pr...