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

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

style部分参考如下:

.search { position:relativewidth: 462px}

.search .searchText { border: 1px solid #dddwidth: 346pxline-height: 32pxheight: 32pxpadding: 0 5pxcolor: #333}

.search .searchButton { position:absoluteright:50pxbackground: url(../images/sliced.gif) -251px 0 no-repeatwidth: 80pxheight: 32px text-indent: -9999pxborder: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>

1、首先在电脑桌面上，新建并打开一个记事本文件。

2、这里要用到<form>标签,这个标签包含了表单的一些元素，这里要用到<input>元素，具体格式如下图。

3、其中红框内 type="text" 意思是文本框，其中的text可以换成其他的，name="firstname"是这个文本框的名字。

4、然后点击保存，改变记事本文件后缀为html，看看网页显示效果。

5、接着来做一个最常用的登陆框，首先做出用户名+文本框；密码+文本框，以下是代码。

6、最后保存，看看网页显示效果，就完成了。

---