<div class="codetitle"> <span><a style="CURSOR: pointer" data="78716" class="copybut" id="copybut78716" onclick="doCopy('code78716')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code78716"> <br> <br> <br><meta http> <meta http> <meta content="text/html; charset=utf-8"> <br><title>可選擇且輸入的下拉列錶框</title> <br><style type="text /css"> <BR>div,span,p,td,font{font-size:9pt;} <BR></style> <br> <br> <br><br> <table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left"> <br><!--select標籤和input外面的span標籤的格式是為了讓兩個位置在同一個位置，控制位置--> <br><span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip: rect(-1px 190px 190px 170px);"> <br><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;"> <br><!--下面的option的樣式是為了讓字體是灰色，只是視覺問題，看起來像是註解一樣--> <br><option value="" style="color:#c2c2c2;">---請選擇--- option> <br> </option> <option value="閒人書庫">閒人書庫</option> <br><option value="閒人BLOG">閒人BLOG</option> <br><option value="閒人設計">閒人設計</option> <br><option value="閒人軟體">閒人軟體</option> <br></select> <br></span> <br><span style="position:absolute; border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;"> <br><input type="text" name> <br><input type="text" name=" ccdd" id="ccdd" value="可選擇也可輸入的下拉框" style="width:170px;height:15px;border:0pt;"> <br></span> <br><br> </td></tr></table> <br><br> <br><br> </div> <br> 注意註解的位置。
