溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關如何實現html 可輸入下拉菜單的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
這次給大家帶來怎么實現html 可輸入下拉菜單，實現html 可輸入下拉菜單的注意事項有哪些，下面就是實戰案例，一起來看一下。
<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;">
換行了之后則下拉菜單的值不能顯示在 輸入框中。
還可以根據輸入的內容自動選擇匹配的菜單值。
相信看了這些案例你已經掌握了方法，更多精彩請關注億速云其它相關文章！
怎樣解決插入表單后上下都會空出一行的問題
感謝各位的閱讀！關于如何實現html 可輸入下拉菜單就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
