Question

html 文本框内加按钮这种是怎么做的？

如何加那个放大镜的按钮？

Answer 1

可以用定位来实现这种按钮，参考如下：

style部分参考如下:
.search { position:relative; width: 462px; }
.search .searchText { border: 1px solid #ddd; width: 346px; line-height: 32px; height: 32px; padding: 0 5px; color: #333; }
.search .searchButton { position:absolute; right:50px; background: url(../images/sliced.gif) -251px 0 no-repeat; width: 80px; height: 32px; text-indent: -9999px; border:none; }

html部分参考如下:
<div class="search fl">
<form action="#">
<input class="searchText" type="text" value="请输入搜索关键字" onfocus="if(this.value=='请输入搜索关键字')this.value=''" onblur="if(this.value=='')this.value='请输入搜索关键字'"/>
<input class="searchButton" type="button" value="搜索" />
</form>
<div class="clear"></div>
</div>

Answer 2

边框加放大镜都是背景啊，把input放准位置，就行了

追问

这是一个按钮，怎么把按钮加到文本框里？

追答

不要单独给input背景，给2个input的最外层容器背景

追问

可以发一下代码吗？

追答

给这个div 设置背景图片