So erstellen Sie eine HTML-Schaltfläche, die sich wie ein Link verhält

Manchmal möchten Sie möglicherweise eine Schaltfläche verwenden, um auf eine andere Seite oder Website zu verlinken, anstatt ein Formular oder ähnliches einzureichen. Dies ist ziemlich einfach und kann auf verschiedene Arten erreicht werden.

Eine Möglichkeit besteht darin, Ihr Tag einfach in ein Tag zu verpacken :

Link To freeCodeCamp

Dies verwandelt Ihre gesamte Schaltfläche in einen Link.

Eine zweite Möglichkeit besteht darin, Ihren Link wie gewohnt mit Ihrem Tag zu erstellen und ihn dann über CSS zu formatieren:

Link To freeCodeCamp

Sobald Sie Ihren Link erstellt haben, können Sie CSS verwenden, um ihn wie eine Schaltfläche aussehen zu lassen. Sie können beispielsweise einen Rahmen, eine Hintergrundfarbe und einige Stile hinzufügen, wenn der Benutzer den Mauszeiger über den Link bewegt.

Eine andere Möglichkeit, eine Schaltfläche hinzuzufügen, besteht darin, inputinnere formTags zu verpacken . Geben Sie die gewünschte Ziel-URL im Formularaktionsattribut an.

Mehr Informationen:

  • freeCodeCamp Guide - Styling-Schaltflächen
  • freeCodeCamp Guide - Verwendung von Links
  • Wie erstelle ich eine HTML-Schaltfläche, die sich wie ein Link verhält?