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

How to handle the failure of inserting rare characters in MySQL (Incorrect string value)

How to implement html input drop-down menu

How to handle the failure of inserting rare characters in MySQL (Incorrect string value)

Detailed explanation of the process of troubleshooting the cause of high CPU usage under Linux

A brief discussion on the use of GROUP BY and HAVING in SQL statements

Summary of MySQL's commonly used concatenation statements

Solution to slow network request in docker container

VMware Workstation is not compatible with Device/Credential Guard

HTML table markup tutorial (10): cell padding attribute CELLPADDING

Summary of Mysql update multi-table joint update method

Comparison of various ways to measure the performance of JavaScript functions

Summary of Common Problems with Mysql Indexes

Recommend

Detailed explanation of the two modes of Router routing in Vue: hash and history

How to use nodejs to write a data table entity class generation tool for C#

How to modify the default encoding of mysql in Linux

MySQL 5.7.18 master-slave replication setup (one master and one slave) tutorial detailed explanation

MySQL trigger trigger add, delete, modify and query operation example

Insufficient memory problem and solution when docker starts elasticsearch

Detailed process of getting started with docker compose helloworld

Implementation of Nginx forwarding matching rules

Implementation example of uploading multiple attachments in Vue

React implements the sample code of Radio component

The latest popular script Autojs source code sharing

TypeScript Enumeration Type

Hover zoom effect made with CSS3

Docker deploys Mysql, .Net6, Sqlserver and other containers

Solve the problem of docker pull being reset