欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

可選擇和輸入的下拉列表框示例

 更新時(shí)間：2013年11月05日 17:48:30   作者：  
如果想實(shí)現(xiàn)可選擇和輸入的下拉列表框，那么下面有個(gè)不錯(cuò)的示例，希望大家可以參考下
復(fù)制代碼 代碼如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可選擇和輸入的下拉列表框</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>

<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">
<!--select標(biāo)簽和input外面的span標(biāo)簽的格式是為了使兩個(gè)位置在同一位置，控制位置-->
<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的樣式是為了使字體為灰色，只是視覺(jué)問(wèn)題，看起來(lái)像是注釋一樣-->
<option value="" style="color:#c2c2c2;">---請(qǐng)選擇---</option>
<option value="閑人書(shū)庫(kù)">閑人書(shū)庫(kù)</option>
<option value="閑人BLOG">閑人BLOG</option>
<option value="閑人設(shè)計(jì)">閑人設(shè)計(jì)</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>

</body>

</html>

注意注釋的位置。

相關(guān)文章

最新評(píng)論