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

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.

Leonel Jiménez

Apasionado de la programación. Trabajando en este rubro de la programación desde hace 11 años. Ahora compartiendo contenido de programación esperando aportar valor a otros programadores. No olvides visitar mi canal de youtube

Deja una respuesta

Subir

Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones. Más Información