像淘宝这样的搜索框，一淘这样的搜索框怎么实现的，求html代码。。。。。

定义一个input和submit。通过css去掉边框，然后添加背景。那个一点击就消失的文字是js添加的特效。自己写对新手有难度，而且容易溢出。推荐直接到懒人图库等素材站下载别人做好的改动一下即可。反正这种框子基本上都是大同小异。

HTML表单。

用于收集不同类型的用户输入，表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容，比如：文本域，下拉列表、单选框，复选框等等。

<div style="overflow:hiddenclear:bothbackground:#ffffont-family:arialcolor:#646464zoom:1border:1pxsolid #008ffe">

<div style="float:leftpadding:14px 10px 0 15px_padding:16px 10px 015px">

<h3>本店搜索</h3>

</div>

<div style="float:leftpadding-bottom:10px"><form method="get"action="店铺地址/category.htm" name="SearchForm"><input type="hidden" value="y" name="search">

<ul>

<li style=" overflow:hiddenmargin-top:10pxfloat:left">

<label for="keyword"> <input type="text"class="keyword-input J_TKeyword prompt" value=""autocomplete="off" name="keyword" size="18"style="height:20pxline-height:20pxwidth:260pxmargin-right:6pxtext-indent:4pxcolor:#333background:#FFFborder:1px solid #ddd">

</label>

</li>

<li style=" overflow:hiddenmargin-top:10pxfloat:left"><input type="submit" class="J_TSubmitBtn btn" value="搜索"style="background:#555555width:48pxheight:22pxline-height:22pxmargin-left:10pxborder:nonecolor:#FFFfont-weight:700cursor:pointer">

</li>

</ul>

</div>

</div>

---