Respuesta copiada de acá (en
ingles)
HTML
La forma HTML plana para hacer esto es especificar la URL de destino en un <formulario>
como una acción de los atributos (action
).
<form action="http://google.com">
<input type="submit" value="Go to Google" />
</form>
De ser necesario, hay que setear en el CSS display: inline
en el formulario para mantener el flujo del texto que lo rodea. En lugar de usar <input type="submit">
en el ejemplo anterior, se puede usar <button type="submit">
. La unica diferencia es que ese elemento permite hijos.
Intuitivamente uno espera poder usar <button href="http://google.com">
con el elemento <a>
, pero desafortunadamente, este atributo no existe según la especificación HTML.
CSS
Si se puede usar CSS, simplemente usar un <a>
con el estilo para hacerlo parecer un botón utilizando otras propiedades de la apariencia (solo IE lo soporta (a Julio del 2015) y todavía es pobre).
<a href="http://google.com" class="button">Go to Google</a>
a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
}
O utilizar una de las tantas librerías CSS como bootstrap.
<a href="http://google.com" class="btn btn-default">Go to Google</a>
JavaScript
Si JavaScript esta permitido, setear window.location.href
.
<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />
Respuesta copiada de acá (en
ingles)
Si lo que se quiere lograr es la apariencia básica del botón en HTML básico, dentro de un tag anchor (<a>
), entonces se puede utilizar el framework Twitter Bootstrap para formatear cualquiera de los siguientes botones/links de HTML común como si fuera un botón. Hay leves diferencias entre las versiones de este framework, tener eso en cuenta.
<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">
Bootstrap (v2) ejemplo de visualización:
Bootstrap (v3) ejemplo de visualización:
Ver Bootstrap (v2) oBootstrap (v3) en las sección botones para algunos ejemplos.