22 Voix

HTML: Utiliser Bouton comme Lien

Question de Invité | 28/06/2021 à 19:45

J'aimerais utiliser un bouton (<input type="button">) comme lien (<a href=""></a>) sur mon site Web pour appeler la page "download.php?id=1" avec il.

Est-il possible de réutiliser un bouton normal de manière à ce qu'il puisse être utilisé y se comporte comme un lien hypertexte habituel?

RépondrePositifNégatifDateVoix
22 Voix

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

RépondrePositif Négatif
11 Vote

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

RépondrePositif Négatif
00 Voix

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

RépondrePositif Négatif
Répondre

Sujets Connexes

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.