想把按钮用图片形式展示,开始写了如下代码:
<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=""属性,默认文字消失。