I have been trying the following:

<form action="/home"> <button >Home</button> </form>

It seems to work but it goes to the page "/home?"

Is there a better way for me to make a button inside a form make the page go to a new location?

1

5 Answers

Just add an onclick event to the button:

<button onclick="location.href = '" >Home</button>

But you shouldn't really have it inline like that, instead, put it in a JS block and give the button an ID:

<button >Home</button> <script type="text/javascript"> document.getElementById("myButton").onclick = function () { location.href = ""; }; </script>
8

try

<button onclick="window.location.href='b.php'">Click me</button>
1

Use this:

 <button onclick="window.location='page_name.php';" value="click here" />

Basically you are using javascript snippet to redirect and onclick event of the button to trigger it.

1

Just another variation:

 <body> <button name="redirect" onClick="redirect()"> <script type="text/javascript"> function redirect() { var url = "(url).com"; window.location(url); } </script>
3

you could do so:

<button onclick="location.href='page'">

you could change the action attribute of the form on click the button:

<button onclick='myFun()'>Home</button> <script> myFun(){ $('form').attr('action','new path'); } </script>