1.5 KiB
title | localeTitle |
---|---|
How to Create an HTML Button That Acts Like a Link | Como criar um botão HTML que atua como um link |
Como criar um botão HTML que atua como um link
Às vezes, você pode querer usar um botão para vincular a outra página ou site, em vez de enviar um formulário ou algo assim. Isso é bastante simples de se fazer e pode ser alcançado de várias maneiras.
Uma maneira é simplesmente envolver sua tag <button>
em uma tag <a>
:
<a href='https://www.freecodecamp.org/'><button>Link To freeCodeCamp</button></a>
Isso transforma seu botão inteiro em um link.
Uma segunda opção é criar seu link como você faria normalmente com sua tag <a>
e, em seguida, estilizá-lo via CSS:
<a href='https://www.freecodecamp.org/'>Link To freeCodeCamp</a>
Depois de criar seu link, você pode usar o CSS para parecer um botão. Por exemplo, você pode adicionar uma borda, uma cor de plano de fundo, alguns estilos para quando o usuário estiver passando o link…
Outra maneira de adicionar um botão é envolver uma input
dentro de tags de form
. Especifique o URL de destino desejado no atributo de ação do formulário.
<form action="http://google.com">
<input type="submit" value="Go to Google" />
</form>