您的位置:首页 > 其它

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

2012-08-16 12:54 295 查看
效果演示



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

<form id="form1" name="form1" method="post" action="../list/search.php">
<ul>
  <li style="width:205px;padding-top:5px;">
    <div style="background:url(./images/search_tubiao.jpg) no-repeat center left #FFFFFF; height:20px; width: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="width:75px;padding-top:5px;"><input name="imageField2" id="imageField2" src="./images/search.jpg" type="image"></li>
</ul>
</form>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: