可选择也可输入的下拉列表框,个人感觉还不错。 在网上找到的都没有做到很漂亮,下拉列表框和输入框的以及列表框周边的线条没有完全对融合在一起,感觉总是不那么好。所以就试着改了一下,终于OK了。 <html> <head> <title>TW之运行代码插件--Ayin增强版</title> <mce:style type="text/css"><!-- div,span,p,td,font{font-size:9pt;} --></mce:style><style type="text/css" mce_bogus="1">div,span,p,td,font{font-size:9pt;}</style> </head> <body> <span style="absolute;margin-top:-12px;" mce_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;" mce_style="color:#c2c2c2;">---请选择---</option> <option value="闲人书库">闲人书库</option> <option value="闲人BLOG">闲人BLOG</option> <option value="闲人设计">闲人设计</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>