Articolo originale: https://www.freecodecamp.org/news/how-to-create-an-html-button-that-acts-like-a-link/
A volte potresti voler usare un pulsante per linkare ad un altra pagina o un altro sito web invece di usarlo per consegnare un modulo o scopi simili. Questo è abbastanza facile da fare e può essere realizzato in vari modi.
Come creare un pulsante HTML usando il tag Button dentro un tag A
Un modo semplice è annidare un elemento button dentro un elemento a:
<a href='https://www.freecodecamp.org/'><button>Link To freeCodeCamp</button></a>Questo trasforma tutto il tuo pulsante in un link.
Come trasformare un link in un pulsante con CSS
Una seconda opzione è creare il tuo link come faresti normalmente usando il tag <a> e stilizzandolo con CSS:
<a href='https://www.freecodecamp.org/'>Link To freeCodeCamp</a>Una volta che hai creato il tuo link puoi usare CSS per farlo sembrare un pulsante. Per esempio puoi aggiungere un bordo, un colore di sfondo, degli stili per quando ci si passa il mouse sopra.
Puoi leggere di più su come stilizzare i link con CSS qui.
Come mettere un pulsante dentro un modulo usando HTML
Un altro modo per aggiungere un pulsante è annidare un elemento input dentro un elemento form. Specifica l'URL target nell'attributo action dell'elemento form.
<form action="http://google.com">
<input type="submit" value="Go to Google" />
</form>Spero che hai trovato questo tutorial utile. Buon apprendimento!