Hoe kan ik een knop mijn pagina laten doorverwijzen naar een andere pagina?

Ik heb het volgende geprobeerd:

<form action="/home" class="inline">
    <button class="float-left submit-button" >Home</button>
</form>

Het lijkt te werken, maar het gaat naar de pagina "/home?"

Is er een betere manier om een knop in een formulier de pagina naar een nieuwe locatie te laten gaan?

Oplossing

Voeg gewoon een onclick event toe aan de knop:

Home

Maar je zou het niet zo inline moeten zetten, zet het in plaats daarvan in een JS blok en geef de button een ID:

Home

<script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        location.href = "www.yoursite.com";
    };
</script>
Commentaren (6)

probeer

Click me
Commentaren (1)

zou je dat kunnen doen:

je zou het actie attribuut van het formulier kunnen veranderen bij het klikken op de knop:

Home

<script>
myFun(){
$('form').attr('action','new path');
}
</script>
Commentaren (0)