html 可输入下拉菜单

最新推荐文章于 2021-12-02 01:48:43 发布

_時_

最新推荐文章于 2021-12-02 01:48:43 发布

阅读量1.5k

点赞数

分类专栏：前端文章标签： html 可输入下拉菜单

本文链接：https://blog.csdn.net/PurpleGalaxy/article/details/38493681

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<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" οnchange="this.parentNode.nextSibling.value=this.value" name="hh">
                            <option value="汽车">汽车 </option>
                            <option value="火车"> 火车 </option>
                            <option value="飞机"> 飞机 </option>
                        </select>
                    </span><input name="box" style="width:160px;position:absolute;left:0px;">
                    <input value="提交" name="submit" type="submit"/>
                </div> 
            </form>';
        $aa=$_GET['hh']."111"; // select 下拉菜单的值
        $bb=$_GET['box']."222"; // 输入框的值
        echo $aa;
        echo "</br>";
        echo $bb;
         // 要获得可输入下拉菜单的值，只要获得输入框的值即可。
    ?>
</body>
</html>

要获得可输入下拉菜单的值，只要获得输入框的值即可。

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

这行要在一行中，不能写成

</span>

换行了之后则下拉菜单的值不能显示在输入框中。

还可以根据输入的内容自动选择匹配的菜单值。