Erstellen einer <Schaltfläche>, die ein Link in HTML ist

Question

Im Grunde gefällt mir die Art und Weise, wie <input type="submit"> ist gestylt, mit der klickbaren Schaltfläche, wenn Sie ein wenig CSS hinzufügen. Normale Schaltflächen sind jedoch nicht als solche gestylt, sie haben keine solche Klickbarkeit ohne einige große CSS oder JS, und Sie müssen Bilder verwenden.

Ich habe die Übermittlungsschaltflächen in Links umgewandelt, indem ich die Formularaktion verwendet habe, aber dafür muss ich für jede Schaltfläche ein neues Formular erstellen. Wie kann ich einen goldenen Mittelweg finden? Die Verwendung mehrerer Formulare verursacht Probleme bei der Gestaltung, die ich nicht beheben kann, es sei denn, ich finde einen anderen Weg, um Schaltflächen zu erstellen, die Links in HTML sind, die einen Standardstil haben, der sie in einen gedrückten Zustand versetzt (und ich meine nicht die Standardeinstellungen des Browsers).

Irgendwelche Ideen?

Answer 1

<a id="reset-authenticator" asp-page="./ResetAuthenticator"><input type="button" class="btn btn-primary" value="Reset app" /></a>

Answer 2

Die 3 einfachsten Möglichkeiten sind IMHO

1: Sie erstellen ein Bild einer Schaltfläche und setzen eine href um sie herum. (Kein guter Weg, Sie verlieren die Flexibilität und werden eine Menge Schwierigkeiten und Probleme haben).

2 (Die einfachste) -> JQuery

<input type="submit" someattribute="http://yoururl/index.php">

  $('button[type=submit] .default').click(function(){
     window.location = $(this).attr("someattribute");
     return false; //otherwise it will send a button submit to the server

   });  

3 (auch einfach, aber ich bevorzuge die vorherige):

<INPUT TYPE=BUTTON OnClick="somefunction("http://yoururl");return false" VALUE="somevalue">

$fn.somefunction= function(url) {
    window.location = url;
};