HTML에서 입력 드롭다운 메뉴를 구현하는 방법

php中世界最好的语言
풀어 주다: 2018-01-31 09:27:11
원래의
3608명이 탐색했습니다.

이번에는 html에서 입력 가능한 드롭다운 메뉴를 구현하는 방법을 알려드리겠습니다. html에서 입력 가능한 드롭다운 메뉴를 구현하기 위한 주의사항은 무엇인가요? .

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body> 
<?php 
echo &#39; 
<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>&#39;; 
$aa=$_GET[&#39;hh&#39;]."111"; // select 下拉菜单的值 
$bb=$_GET[&#39;box&#39;]."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;">
로그인 후 복사

로 쓸 수 없습니다. 줄 바꿈 후에는 드롭다운 메뉴의 값이 입력 상자에 표시될 수 없습니다.
입력한 내용에 따라 일치하는 메뉴 값을 자동으로 선택할 수도 있습니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

css3의 새로운 단위 vw, vh, vmin, vmax를 사용하는 방법

H5의 WebGL을 사용하여 3D 가상 컴퓨터실의 로밍 애니메이션을 구현하는 방법

위 내용은 HTML에서 입력 드롭다운 메뉴를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!