可输入的下拉框

作者：microsoftvs 更新时间：2019/7/24 9:26:25 点击数：2626

超简单代码可输入的下拉框

已测试好用。

<!doctype html>
<html>
<head>
<meta set="utf-8">
<title>可输入的下拉框</title>
</head>
<body>
 
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px;height: 21px;" onchange="this.parentNode.nextSibling.value=this.value">
<option value="souzz"> souzz </option>
<option value="eWebSoft"> eWebSoft </option>
<option value="WEB开发者"> WEB开发者 </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;top:2px">
</div>	
	
</body>
</html>
查看效果