CSS 文字框裡新增按鈕的實現

有很多人做介面會經常發現設計師設計出這樣的介面：

咋一看是乙個文字框裡加了乙個按鈕，經過谷歌之後，未發現在文字框裡可以新增按鈕。

但可以通過div來實現它。

我的做法是先做乙個大小的div，然後用帶裡面大小的作為背景，然後在div中併排依次新增乙個文字框、和按鈕，要求按鈕同時覆蓋在查詢上，

然後設定文字框和按鈕的的性質屬性為空即可。

我的原始碼為：

html:

<

div 
class
="divleft"
>
<
input 
type
="text"
style
="width:180px; height:27px; border:1; background:none; float:left;"
>
<
button 
type
="button"
value
=" "
style
="width:30px; height:27px; border:1; background:none; float:right;"
>
div>

.divleft

然後實現的效果為：

SCCD 第6 5章 在文字框旁邊新增按鈕

通過修改應用程式的 presentation.xml 檔案，您可以在文字框和多部分文字框旁邊新增多達三個按鈕。可以對最常用的選單項新增按鈕。可以在 menus.xml 檔案中選擇現有選單，也可以在該檔案中定義新選單。選單項必須包含標籤 事件以及影象屬性，例如 label select value e...

常用按鈕 文字框 表單等CSS樣式

雖然css樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發中往往會起到事半功倍的效 果。在52css.com的文件中，也提供了豐富的內容。下面一些關於按鈕 文字框 表單的常用css樣式。大家可以參考。一 按鈕樣式 example sourc...

點選按鈕動態新增新的一行（新增文字框）

類似的論壇上發表投票主題 using system using system.collections.generic using system.linq using system.web using system.web.ui using system.web.ui.webcontrols usin...