Html可以输⼊的下拉框设计
实现：设计出⼀个可以⼿动输⼊也可以下拉选择的控件。
思路：
html下拉菜单的制作方法  在下拉控件的上⽅放置⼀个⽂本框，但是width要注意（显⽰出下拉按钮），所以下拉框和⽂本框的position属性都是absolute，下拉框选择ongchange事件，把选中的下拉
项的值赋值给⽂本框，这时这个⽂本框既可以输⼊也可以被下拉选择（取下拉框的值）最终取⽂本框中的值。
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align="left">
<!--select标签和input外⾯的span标签的格式是为了使两个位置在同⼀位置，控制位置-->
<span style="position: absolute; border: 1pt solid #c1c1c1; overflow: hidden; width: 188px;
height: 19px; clip: rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" onchange="ElementById('ccdd').ElementById('aabb').options[do <!--下⾯的option的样式是为了使字体为灰⾊，只是视觉问题，看起来像是注释⼀样-->
<option value="" >---请选择---</option>
<option value="闲⼈书库">闲⼈书库</option>
<option value="闲⼈BLOG">闲⼈BLOG</option>
<option value="闲⼈设计">闲⼈设计</option>
<option value="闲⼈软件">闲⼈软件</option>
</select>
</span><span >
<input type="text" name="ccdd" id="ccdd" value="输⼊或选择" />
</span>
</td>
</tr>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。