在输入按钮内的url动作链接中添加图像？

Question

我想在带有url.action方法的输入按钮中添加图像按钮

 <input type="button" class="btn btn-primary" value="View Chart" onclick="location.href='@Url.Action("Multigraph", "Home")'"/>

其实我想做this

点击图片后，我将可以进入特定视图

我也研究过this link

任何帮助将不胜感激

Answer 1

您可以使用css设置输入按钮的样式。

＆＃13;

＆＃13;

.btn--graph {
    width: 110px;
    height: 93px;
    background-image: url('http://i.stack.imgur.com/jCvdY.jpg');
}

＆＃13;

<input type="button" class="btn btn-primary btn--graph" onclick="location.href='@Url.Action("Multigraph", "Home")'"/>

＆＃13;

＆＃13;

＆＃13;

但是，如果此按钮实际上是指向其他网页的链接。使用锚链接在语义上更正确。

＆＃13;

＆＃13;

<a href="@Url.Action("Multigraph", "Home")">
  <img src="http://i.stack.imgur.com/jCvdY.jpg" alt="View Chart">
</a>

＆＃13;

＆＃13;

＆＃13;