HTML: Usar Botón como Enlace

Simplemente puede asignar un evento OnClick a su botón para llamar al enlace con él.

Por ejemplo de la siguiente manera:

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

Si ya está utilizando jQuery en su página, por supuesto, es más elegante configurar un jQuery-event-listener apropiado.

Sin embargo, ambos métodos solo funcionan si JavaScript está activado.
30/06/2021 a las 22:01

Otra posibilidad es construir una forma invisible alrededor del botón.

Como "action", puede usar su enlace, como "method" puede usar "get" y el tipo de botón debe ser "submit".

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

De esta forma, también funcionaría si JavaScript no está activado.
02/07/2021 a las 01:20

En la mayoría de los navegadores, también funciona simplemente encerrando el botón con una etiqueta "a" para convertirlo en un "enlace".

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

Sin embargo, esto no es HTML válido.

Alternativamente, puede crear su propio botón usando CSS:

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

Y así es como se aplica:

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

Por supuesto, puede cambiar este CSS según sus propias necesidades dependiendo de cómo le gustaría darle estilo a su botón. Por ejemplo, como todos los demás botones de su sitio web.
02/07/2021 a las 15:19