Bild in URL-Aktionslink innerhalb der Eingabe-Schaltfläche hinzufügen?

Question

Ich möchte die Grafik-Taste innerhalb einer Eingabeknopf hinzuzufügen, die

Url.Action Methode hat

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

Eigentlich möchte ich this

Bei Klick auf das Bild zu tun, werde ich auf die spezifische Sicht gehen können

ich ausgesehen haben auch in this link

Jede Hilfe geschätzt wird

Answer 1

Sie könnten den Eingabeknopf mit CSS formatieren.

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

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

jedoch, wenn diese Taste zu einer anderen Webseite tatsächlich ein Link ist. Es wäre semantisch korrekter, eine Ankerverbindung zu verwenden.

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