HTML中的下拉框只能提供选择的功能,并不能完全满足需要,有时需要既能提供下拉选项,同时也能接受用户新的选项时,HTML中的简单下拉框便不能满足需求,往往要借助ActivX控件,但控件往往又存在客户的安全限制。下面介绍一种简单的由纯HTML元素组合而成的可输入下拉框。
<input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;">
<option value="1">11111111<option>
<option value="2">222222</option>
<option value="3">333333</option>
</select>
</span>
效果如下:
<input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;">
<option value="1">11111111<option>
<option value="2">222222</option>
<option value="3">333333</option>
</select>
</span>
效果如下: