改变输入类型

Question

我目前有一个按钮类型的输入，但我想改变按钮看起来与我的其他网页按钮匹配的方式，但我遇到了问题：

此输入的工作方式应该如此，但不会显示我希望它为按钮显示的图像：

<input type="button" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

这显示图像但不能正常运行 - 它不执行javascript：

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

任何帮助都会很棒

Answer 1

带有图像类型的输入会提交表单。把“归还假”;在onclick结束时它应该阻止表单的提交。

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack(); return false;"/>

或者，您可以创建图像并将事件直接添加到图像中。

<img src="<%:Url.Content("...")%>" onclick="goBack();" />

Answer 2

尝试类似：

<input type="button" onclick="goBack()"/>

使用CSS：

input[type='button'] {
    background: url('../Content/images/newCancel.png') no-repeat;
}

如果您想使用嵌入式样式或内联样式，您可以访问@Url.Content()方法，但我建议不要使用它。