這不管javascript的事，是屬於html和css的問題，給妳點思路，自己試：
--------------------------------------------------
方法A：css相對定位嵌套絕對定位實現
--------------------------------------------------
輸入框和按鈕***同的父級元素(比如：表單)相對定位輸入框和按鈕絕對定位
輸入框和按鈕設置好寬、高，並絕對定位，需要時把按鈕的z-index值設置為高於輸入框
上面兩步做了以後，通過設置絕對定位元素的位置即可把按鈕重疊到輸入框上面去
給輸入框設個右邊的內邊距，讓輸入文字範圍不會超過到按鈕下面
給輸入框加上邊框色，把按鈕背景設置為透明，並給壹個放大鏡的背景圖
--------------------------------------------------
方法B：css浮動實現
--------------------------------------------------
輸入框和按鈕都用背景圖做，把妳這個圖算好尺寸，切成左右兩部分，如圖：
然後算好左右兩部分加起來的總寬度，假設上圖的輸入框寬：80px，按鈕寬：20px;
給他們找個***同的父級div或直接用表單當父級，html就是下面這個結構：
<div><輸入框 /><按鈕 /></div>
設置父div總寬100px;，輸入框和按鈕都浮動：float:left;
把輸入框寬度設為80px，按鈕寬20px;，並設置和圖片壹樣的高度，然後分別後給相應的背景圖。
去掉輸入框和按鈕默認的邊框、背景色之類的玩意。
最後：清理浮動，解決FF、OP、SF、CH、IE8+等瀏覽器浮動包含問題
要學習，應該養成自己先思考或查看別人源碼，確實不會再問的習慣。