下拉框具有输入功能

最新推荐文章于 2024-07-15 14:59:04 发布

chenghaibing2008

最新推荐文章于 2024-07-15 14:59:04 发布

阅读量1.1k

点赞数

分类专栏： C#(1)

本文链接：https://blog.csdn.net/chenghaibing2008/article/details/53485607

版权

本文介绍如何在下拉框中实现输入功能，让用户不仅能从预设选项中选择，还能自行输入内容，提高交互体验。

摘要由CSDN通过智能技术生成

一、

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>js实现可输入的下拉框</TITLE>
</HEAD>
<BODY>
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" οnchange="this.parentNode.nextSibling.value=this.value">
<option value="德国">德国</option>
<option value="挪威">挪威</option>
<option value="瑞士"> 瑞士</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY>
</HTML>

二、