Heim > Artikel > Web-Frontend > So implementieren Sie ein Eingabe-Dropdown-Menü in HTML
So implementieren Sie ein Eingabe-Dropdown-Menü in HTML
- php中世界最好的语言Original
- 2018-01-31 09:27:113545Durchsuche
Dieses Mal zeige ich Ihnen, wie Sie ein eingabefähiges Dropdown-Menü in HTML implementieren und was die Hinweise für die Implementierung eines eingabefähigen Dropdown-Menüs in HTML sind Das Folgende ist ein praktischer Fall. Schauen wir uns das gemeinsam an.
<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>
Um den Wert zu erhalten, der in das Dropdown-Menü eingegeben werden kann, rufen Sie einfach den Wert des Eingabefelds ab.
注意： </span><input name="box" style="width:160px;position:absolute;left:0px;">
Diese Zeile muss in einer Zeile sein und kann nicht geschrieben werden als
</span> <input name="box" style="width:160px;position:absolute;left:0px;">
Nachdem die Zeile geändert wurde, kann der Wert des Dropdown-Menüs nicht angezeigt werden im Eingabefeld.
Sie können anhand des eingegebenen Inhalts auch automatisch passende Menüwerte auswählen.
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
So verwenden Sie die neuen CSS3-Einheiten vw, vh, vmin, vmax
So verwenden Sie H5 WebGL implementiert Roaming-Animationen eines virtuellen 3D-Computerraums
Das obige ist der detaillierte Inhalt vonSo implementieren Sie ein Eingabe-Dropdown-Menü in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!