一个文本框,如何实现即可以录入也可以选择的功能

作者在 2011-03-06 09:57:44 发布以下内容
<FORM  name="form" >
<input name="fd" size="5" style="color: #FF0000" ><select name="f668" onChange="(document.form.fd.value=this.options[this.selectedIndex].value)"  size="1">
<option selected>选</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></FORM>
网络收集 | 阅读 1112 次
文章评论,共1条
静夜思
2011-03-06 13:07
1
也可以用input遮住select的一部分,只留后面的向下箭头,看上去就像桌面程序的可编辑下拉框<br />
<br />
&lt;FORM&nbsp;&nbsp;name=&quot;form&quot; &gt;<br />
&lt;input name=&quot;fd&quot; size=&quot;5&quot; style=&quot;color: #FF0000;position:absolute; z-index:6&quot; &gt;&lt;select style=&quot;position:absolute; left:34px; z-index:5&quot; name=&quot;f668&quot; onChange=&quot;(document.form.fd.value=this.options[this.selectedIndex].value)&quot;&nbsp;&nbsp;size=&quot;1&quot;&gt;<br />
&lt;option selected&gt;选&lt;/option&gt;<br />
&lt;option value=&quot;1&quot;&gt;1&lt;/option&gt;<br />
&lt;option value=&quot;2&quot;&gt;2&lt;/option&gt;<br />
&lt;option value=&quot;3&quot;&gt;3&lt;/option&gt;<br />
&lt;/select&gt;&lt;/FORM&gt;
游客请输入验证码
浏览35846次