网站搜索框中加入背景图片的方法

代码如下：

    <input type="text" name="htmer" size="20" style="background-image:url('htmer.jpg')">

    上面的代码中htmer.jpg即为图片的路径，换上你所需要的图片路径即可。

网站设计的源码：

<tr> 

                    <td>　</td> 

                </tr> 

            </table> 

            <table width="958" height="30" border="0" cellpadding="0" cellspacing="0" background="images/bj.bmp"> 

                <tr> 

                    <td align="center" valign="top"> 

      <table width="727" height="40" border="0" cellpadding="0" cellspacing="0"> 

                    <form name="form1" method="get" action="index.asp" onSubmit="return Validator.Validate(this,2)"> 

                        <tr> 

                            <td height="35" width="100">    

        <input name="keyword" type="text" style="background-image:url('liuyanbj.jpg')"    class="form2" id="keyword"<% If trim(request.QueryString("keyword"))<>"" Then %>value="<%= trim(request.QueryString("keyword")) %>"<% Else %> 

value="" <% End If %> 

size="35" dataType="Require"    msg="产品名称不能为空！"></td> 

                            <td><input type="image" src="images/searchbox.gif"></td> 

                            <td width="100%" height="30"><strong> <font color="#FFFF00" face="华文宋体" size="4">热门关键词</font></strong><font size="4" color="#FFFF00">：</font><font color="#CC0099"><a href="index.asp?keyword=瓷器"><font size="4" color="#FFFF00">瓷器</font></a></font><font size="4"><font color="#FFFF00">     

        |     

        </font> 

        <font color="#CC0099"> <a href="index.asp?keyword=水晶"> 

        <font color="#FFFF00">水晶</font></a><font color="#FFFF00">|  

        <a href="index.asp?keyword=时钟"><font color="#FFFF00">时钟</font></a><font color="#FFFF00"> |  

        <a type="url" href="index.asp?keyword=%CF%E3%CB%AE%C6%BF"> 

        <font size="4" color="#FFFF00">香水瓶</font></a></td> 

                        </tr> 

                    </form> 

                </table></td> 

</table>

本文转自 yeybz 51CTO博客，原文链接:http://blog.51cto.com/hmlwl/1167707