<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-equiv="Content-Type" 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 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="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;"> <br></span> <br><br> </td></tr></table> <br><br> <br><br> <br> </div> <br>注意注释的位置。
