Question

在Dreamweaver怎么把搜索框用图片替换

我排版了一个首页，是彩铃网站，搜索框做的很漂亮，我想用图片 替换，请问在Dreamweaver 里面怎么把搜索框做成图片的样子，但是又有搜索功能，请高手指教！
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80%"><input name="keyword1" type="text" class="input_search" id="keyword1" onFocus="this.className='input_search_on';this.select();" onBlur="this.className='input_search';if(this.value=='') this.value='请输入歌曲或歌手的名字';" onClick="this.value='';" onMouseOver="this.focus();" onKeyDown="if(event.keyCode==13 && this.value!='') document.getElementById('SearchBtn1').click();" value="请输入歌曲或歌手的名字" size="58"></td>
<td width="20%" align="left" valign="middle"><input type="image" name="imageField" src="images/ssuo_aniu.gif" /></td>
<td width="0%" class="song12"><a href="#" class="song12 STYLE1"></a></td>
</tr>
</table>

Answer 1

可以给搜索框设置样式来改变其样子，如
<input name="" type="text" class="text" />
.text{
width:300px;
height:30px;
line-height:30px;
background:url(../images/textbg.gif) 0 0 repeat-x；
border:none;
}
以上属性可以根据需要自行修改，可以把其中的background换成你所需要的图片就可以了 位置 和 是否平铺 根据需要自行修改

Answer 2

给搜索框指定一个样式，边框为 0px ，这样就看不到输入框的边了，然后，你想插入那个地方，就插入那里。

总不会你想把输入文字的地方也改了吧。

Answer 3

把代码发上来，我给你看下 （这是我修改的，你说的意思有点不明白，你看看是不是这样呢？）

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80%" background="http://www.shoujitheme.cn/themepic/1259.jpg"><input name="keyword1" type="text" class="input_search" id="keyword1" onFocus="this.className='input_search_on';this.select();" onBlur="this.className='input_search';if(this.value=='') this.value='请输入歌曲或歌手的名字';" onClick="this.value='';" onMouseOver="this.focus();" onKeyDown="if(event.keyCode==13 && this.value!='') document.getElementById('SearchBtn1').click();" value="请输入歌曲或歌手的名字" size="58"></td>
<td width="20%" align="left" valign="middle"> </td>
<td width="0%" class="song12"><a href="#" class="song12 STYLE1"></a></td>
</tr>
</table>