2012-07-11 87 views
0

我现在有一个按键式的输入,但我想改变按钮的外观给我的网页按钮,其余的匹配,但我有问题:改变输入型

此输入如同它应该,但不显示我想让它显示该按钮的图像:

<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()"/> 

任何帮助将是巨大的

+0

我从来没有见过这种语法之前<%使用:什么版本做了他们推出的是最后我知道我们可以使用这种方式<%@ – HatSoft 2012-07-11 20:07:18

+0

@HatSoft:他使用的视图引擎的depracated版本。你绝对想在大多数用例中使用'@'符号。 '<:Url.Content ...'与'@ Url.Content ...'相同。 – 2012-07-11 20:08:17

+0

@SergioTapia谢谢你,现在它有道理,为什么我不知道这种语法风格 – HatSoft 2012-07-11 20:09:17

回答

2

带有图像类型的输入提交表单。把一个“返回假”;在onclick结束时,它应该阻止表单的提交。

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

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

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

在我看来,在事件处理程序中设置太多的JavaScript是一种代码味道。 – 2012-07-11 20:13:06

+0

如何在goback()的末尾添加返回值,然后使用onclick =“return goBack();”?我同意你的前提,但我几乎认为“回报错误”比任何一个onclick事件都差...... – 2012-07-11 20:16:23

+0

感谢第一个样品,效果很好! – Masriyah 2012-07-11 20:34:49

1

试着这么做:

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

而且使用CSS:

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

如果您想使用嵌入式样式或内联样式,你可以有机会获得@Url.Content()方法,但我建议反对它。