主要是運用css實現的效果,**如下:
年齡:<
asp:textbox
id="tbxage"
runat
="server"
style
="width:100px; position:absolute; margin-top:-5px"
/>
<
asp:dropdownlist
id="ddlage"
runat
="server"
style
="width:118px; margin-top:-5px; margin-left:-5px; clip:rect(auto auto auto 100px); position:absolute"
onchange
="document.getelementbyid('tbxage').value = this.options[this.selectedindex].text"
>
<
asp:listitem
>
22asp:listitem
>
<
asp:listitem
>
23asp:listitem
>
asp:dropdownlist
>
rect ( number number number number )
依據上-右-下-左的順序提供自物件左上角為(0,0)座標計算的四個偏移數值,其中任一數值都可用 auto 替換,即此邊不剪下;必須將 position 屬性的值設為 absolute ,此屬性方可使用。
下拉列表長度 = 文字框長度 + 18px
rect設定 :(auto auto auto 文字框長度)
嘿嘿,有時間自己也弄乙個控制項來。
參考文件:
html 可輸入可選擇下拉框
別跟我講需求!這是開發人員心裡無時無刻不在吶喊的話哪。這段時間公司在開發個b2b電商後台,需求人員和我們說,我這個下拉框是可以輸入的哦!我當時一臉懵逼,我接觸前端那麼久,我就還沒見過可輸入可選擇的下拉框,當時就感覺頓時豐富了我的三觀。沒辦法,那就上網搜唄。費我九牛二虎之力 html class fo...
可輸入的Web下拉列表框控制項
vs2005提供的web下拉列表框 不支援輸入,只能選擇,我們可以繼承該控制項來支援輸入功能,實現的原理很簡單,就是增加乙個textbox控制項疊加在下拉列表框上,客戶端通過指令碼來同步這兩個控制項的值,先看看服務端 using system using system.collections.gen...
CSS的下拉列表
在css裝飾html的網頁過程中,即使是最基礎的網頁,下拉列表也是必要的網頁元件。接下來讓我們看一下下拉列表的分析 html 部分 我們可以使用任何的 html 元素來開啟下拉列表,如 或 a 元素。使用容器元素 如 來建立下拉列表的內容,並放在任何你想放的位置上。使用 元素來包裹這些元素,並使用 ...