如何在搜索栏中添加搜索图片

效果演示

其实这样的效果很容易实现，具体代码如下

<form id="form1" name="form1" method="post" action="../list/search.php">
<ul>
　　<li style="205px;padding-top:5px;">
　　　　<div style="background:url(./images/search_tubiao.jpg) no-repeat center left #FFFFFF; height:20px; 200px; border:1px solid #dddddd;"><input name="key" id="key" class="ipt1" value="" onclick="JavaScript:this.value=''" type="text"  style="border:0px;"></div>
    </li>
     <li style="75px;padding-top:5px;"><input name="imageField2" id="imageField2" src="./images/search.jpg" type="image"></li>
</ul>
</form>