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

< 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 ="<a href=" 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 >