Cómo crear un botón HTML que actúe como enlace

Quiero crear un botón HTML que actúe como enlace. Entonces, cuando hace clic en el botón, se redirige a una página. Quiero que sea lo más accesible posible.
Temas relacionados
HTML
HTML es la forma más sencilla de agregarlo <form> en el que especifica la URL de destino deseada en el action característica.
<form action="https://google.com">
<input type="submit" value="Go to Google" />
</form>
Si es necesario, configure CSS display: inline; en el formulario para que fluya con el texto que lo rodea. En cambio <input type="submit"> en el ejemplo anterior, también puede usarlo <button type="submit">. La única diferencia es que <button> El elemento infantil lo permite.
Recomendado: Conoce Cual es el coeficiente intelectual promedio necesario para programar.
Implícitamente esperaría poder usarlo <button href="https://google.com"> análogo a la <a> elemento, pero desafortunadamente no, este atributo no existe en consecuencia Especificación HTML.
CSS
Si se permite CSS, utilice el <a> para estilizarte para que parezcas un botón usando, entre otros, el appearance propiedad (solo es compatible con Internet Explorer).
a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
}
<a href="https://google.com" class="button">Go to Google</a>
O elige una de esas numerosas bibliotecas CSS Oreja.
<a href="https://google.com" class="btn btn-primary">Go to Google</a>
JavaScript
Si JavaScript está habilitado, configure el window.location.href.
<input type="button" onclick="location.href="https://google.com";" value="Go to Google" />
En cambio <input type="button"> en el ejemplo anterior, también puede usarlo <button>. La única diferencia es que <button> El elemento infantil lo permite.
¿Sabes porque deberias aprender javascript ? << aqui te cuento.
¿ Te fue útil este artículo ?
⬇️ Ayudame compartiendo para poder llegar a más personas.⬇️
Si quieres conocer otros artículos parecidos a Cómo crear un botón HTML que actúe como enlace puedes visitar la categoría Desarrollo Web.
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.