HTML: Utiliser Bouton comme Lien

Vous pouvez simplement affecter un OnClick-Event à votre bouton pour appeler le lien avec lui.

Par exemple de la manière suivante :

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

Si vous utilisez déjà jQuery sur votre page, bien sûr, il est plus élégant de définir un jQuery-event-listener approprié.

Cependant, les deux méthodes ne fonctionnent que si JavaScript est activé.
30/06/2021 à 05:22

Une autre possibilité est de construire une forme invisible autour du bouton.

En tant qu'"action", vous pouvez simplement utiliser votre lien, en tant que "method", vous pouvez utiliser "get" et le type de bouton doit être "submit".

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

De cette façon, cela fonctionnerait également si JavaScript n'est pas activé.
01/07/2021 à 09:16

Dans la plupart des navigateurs, cela fonctionne également en enfermant simplement le bouton avec une balise "a" pour en faire un "lien".

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

Cependant, ce n'est pas du HTML valide.

Alternativement, vous pouvez créer votre propre bouton en utilisant CSS :

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

Et voici comment l'appliquer:

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

Bien sûr, vous pouvez modifier ce CSS selon vos propres besoins en fonction de votre style de bouton. Par exemple, comme tous les autres boutons de votre site Web.
01/07/2021 à 12:23