想把按鈕用圖片形式展示,開始寫了如下代碼:
<input name="" type="button" class="reset" value=""/>
並對class做了定義:
input.reset{
background-image: url(../images/gb/reset.jpg);
}
在dreamweaver下看的時候雖然默認有"button”的文字,但運行出來只顯示了圖片。
把type="button"改爲type="submit",運行出來後圖片上顯示多餘的“提交查詢”文字。
究其原因,是因爲type="submit"和type="button"的默認value問題。
解決方法:給input加上value=""屬性,默認文字消失。