Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie ein Eingabe-Dropdown-Menü in HTML

So implementieren Sie ein Eingabe-Dropdown-Menü in HTML

php中世界最好的语言
php中世界最好的语言Original
2018-01-25 11:21:212885Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie ein Dropdown-Menü mit HTML-Eingabe implementieren und welche Vorsichtsmaßnahmen für die Implementierung eines Dropdown-Menüs mit HTML-Eingabe gelten 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 &#39; 
<form name="DDForm" method="GET" action=""> 
<p 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"/> 
</p> 
</form>&#39;; 
$aa=$_GET[&#39;hh&#39;]."111"; // select 下拉菜单的值 
$bb=$_GET[&#39;box&#39;]."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.

Hinweis:

 </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, wird der Wert des Drop- Das Abwärtsmenü kann nicht im Eingabefeld angezeigt werden.


Sie können auch automatisch passende Menüwerte basierend auf dem Eingabeinhalt 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 implementieren Sie die Download-Funktion in HTML

So wandeln Sie den Text der Klickschaltfläche in einen um Klicken Sie im Eingabefeld auf Speichern, um den Effekt zu erzielen, dass es in Text umgewandelt wird

canvas.toDataURL image/png So gehen Sie mit Fehlern um

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn