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?
Voeg gewoon een onclick
event toe aan de knop
:
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
Maar je zou het niet zo inline moeten zetten, zet het in plaats daarvan in een JS blok en geef de button
een ID:
<button id="myButton" class="float-left submit-button" >Home</button>
<script type="text/javascript">
document.getElementById("myButton").onclick = function () {
location.href = "www.yoursite.com";
};
</script>
zou je dat kunnen doen:
<button onclick="location.href='page'">
je zou het actie attribuut van het formulier kunnen veranderen bij het klikken op de knop:
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>