下面展示一個可選擇也可以輸入的下拉清單框
<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;">
</td></tr></table>
</body>
</html>