c# - 改变输入类型

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

具有图像类型的输入提交表单。放一个“return false;” 在 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()方法，但我建议您不要这样做。