html 可輸入下拉菜單的實現(xiàn)方法
發(fā)布時間：2014-09-06 15:43:00 作者：佚名 
我要評論
我要評論可輸入下拉菜單，不可思議是不是， 本例通過一些方法實現(xiàn)這個不可能的事情，感興趣的朋友可以參考下
復(fù)制代碼
代碼如下:<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="汽車">汽車 </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>
<input name="box" style="width:160px;position:absolute;left:0px;">
換行了之后則下拉菜單的值不能顯示在 輸入框中。
還可以根據(jù)輸入的內(nèi)容自動選擇匹配的菜單值。
相關(guān)文章
這篇文章主要介紹了HTML+CSS實現(xiàn)下拉菜單的實現(xiàn)的相關(guān)資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-18
這是一個使用HTML和純CSS代碼來制作的大型下拉菜單效果。適合用于欄目分類較多的網(wǎng)站使用，歡迎下載2017-10-26- 使用Html+css實現(xiàn)簡單的下拉菜單代碼非常簡單，具有參考借鑒價值，需要的的朋友參考下吧2017-06-22
- 這篇文章主要介紹了純html+css制作三級下拉菜單，如何制作下拉菜單效果，三級下拉菜單又是怎么實現(xiàn)的，本文為大家揭曉，感興趣的小伙伴們可以參考一下2016-03-10
- 基于html5代碼實現(xiàn)折疊菜單附源碼下載，效果逼真，非常方便使用，對html5折疊菜單感興趣的朋友可以參考下2015-11-27
這篇文章主要介紹了html 仿百度百科導(dǎo)航下拉菜單功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-04
