首页问答社区 web技术正文

html怎么实现可输入下拉菜单

2021-02-25 12:49:07 229 0

这篇文章主要为大家展示了html怎么实现可输入下拉菜单，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“html怎么实现可输入下拉菜单”这篇文章吧。

html有什么特点

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适合初学前端开发者使用。 2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 3、平台无关性：超级文本标记语言能够在广泛的平台上使用，这也是万维网盛行的一个原因。 4、通用性：HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

html怎么实现可输入下拉菜单

具体代码：

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
</head>
<body>
<?php
echo'
<formname="DDForm"method="GET"action="">
<pstyle="position:relative;">
<spanstyle="margin-left:100px;width:18px;overflow:hidden;">
<selectstyle="width:180px;margin-left:-100px"onchange="this.parentNode.nextSibling.value=this.value"name="hh">
<optionvalue="汽车">汽车</option>
<optionvalue="火车">火车</option>
<optionvalue="飞机">飞机</option>
</select>
</span><inputname="box"style="width:160px;position:absolute;left:0px;">
<inputvalue="提交"name="submit"type="submit"/>
</p>
</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怎么实现可输入下拉菜单”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注恰卡编程网行业资讯频道。

html