HTML: Button als Link benutzen

Du könntest dem Button einfach ein OnClick-Event verpassen und damit den Link aufrufen.

Also zum Beispiel so:

<input type="button" value="Download" 
   onclick="window.location='download.php?id=1';"> 

Wenn du in deiner Seite schon jQuery benutzt, ist es natürlich eleganter, einen entsprechenden jQuery-Event-Listener zu setzen.

Allerdings funktionieren beide Möglichkeiten nur dann, wenn JavaScript aktiviert ist.
Letztes Update am 06.07.2021 | Erstellt am 15.09.2014

Eine andere Möglichkeit ist es, um den Button herum eine (unsichtbare) Form zu bauen.

Als "action" gibt man einfach den Link an, als "method" "get" und der Button muss vom Typ "submit" sein.

<form action="download.php?id=1" method="get">
  <input type="submit" value="Download">
</form>

So würde es auch ohne aktiviertes JavaScript klappen.
Letztes Update am 06.07.2021 | Erstellt am 17.09.2014

In den meisten Browsern funktioniert es auch, den Button einfach mit einem a-Tag einzuschließen und so zu einem "Link" zu machen.

<a href="download.php?id=1">
   <input type="button" value="Download"> 
</a>

Allerdings ist das kein valides HTML.

Alternativ könnte man auch einen Button mit CSS selber bauen:

.btlink {
  border: 1px solid #333;
  background-color: #EEE;
  padding: 4px 6px 4px 6px;
  display: block;
  text-decoration: none; 
}

Und so anwenden:

<a href="download.php?id=1" class="btlink">Download</a>

Wie man den Button im einzelnen stylt, kann man in der CSS dann so anpassen, wie man möchte. Zum Beispiel genau so, wie alle anderen Buttons auf der Seite.
18.09.2014 um 17:17