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>
效果如下: