可选择也可以输入的下拉列表框

 

下面展示一个可选择也可以输入的下拉列表框

< html >
< head >
< title > TW之运行代码插件--Ayin增强版 title >
< style  type ="text/css" > ...
div,span,p,td,font{...}{font-size:9pt;}
style >
head >
< body >

< span  style ="absolute;margin-top:-12px;" >
< table  cellspacing ="0"  cellpadding ="0"  width ="100%"  border ="0" >< tr >< td  align ="left" >

< 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"  style ="width:190px;height:20px;margin:-2px;"  onChange ="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;" >
< option  value =""  style ="color:#c2c2c2;" > ---请选择--- option >
< option  value ="闲人书库" > 闲人书库 option >
< option  value ="闲人BLOG" > 闲人BLOG option >
< option  value =" http://www.ayinsky.com" target ="_blank" > 闲人设计 a > "> < a  href ="http://www.ayinsky.com"  target ="_blank" > 闲人设计 a > option >
< option  value ="闲人软件" > 闲人软件 option >
select >
span >
< span  style ="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;" >
< input  type ="text"  name ="ccdd"  id ="ccdd"  value ="可选择也可输入的下拉框"  style ="width:170px;height:15px;border:0pt;" >
span >

td > tr > table >
span >

body >
html >