>  기사  >  웹 프론트엔드  >  HTML 입력 드롭다운 메뉴 구현

HTML 입력 드롭다운 메뉴 구현

高洛峰
高洛峰원래의
2018-05-15 11:33:132368검색

입력 드롭다운 메뉴는 놀랍습니다. 그렇지 않습니까? 이 예에서는 이 불가능한 일을 달성하기 위해 몇 가지 방법을 사용합니다. 관심 있는 친구들은

<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>

를 참조하여 입력 값을 얻을 수 있습니다. 드롭다운 메뉴에서 입력 상자의 값을 가져옵니다.
참고: 54bdf357c58b8a65c66d7c19c8e4d114a19f97adf61d1e625ebd9ead6e45174d
이 줄은 한 줄에 있어야 하며 쓸 수 없습니다.
54bdf357c58b8a65c66d7c19c8e4d114
a19f97adf61d1e625ebd9ead6e45174d 드롭다운 메뉴는 입력 상자에 표시될 수 없습니다.
입력한 내용에 따라 일치하는 메뉴 값을 자동으로 선택할 수도 있습니다.

html 입력 드롭다운 메뉴 구현과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.