我一直在尝试以下方法：
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
它似乎工作，但它转到页面“/home？”
有没有更好的方法让我在表单内创建一个按钮使页面转到新位置？
如何让按钮将我的页面重定向到另一个页面？
IT技术
javascript
jquery
html
2021-03-16 00:41:05
5个回答
只需添加一个onclick事件到button：
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
但是你真的不应该像那样内联它，而是将它放在一个 JS 块中并给出button一个 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>
尝试
<button onclick="window.location.href='b.php'">Click me</button>
用这个：
<button onclick="window.location='page_name.php';" value="click here" />
基本上，您正在使用 javascript 代码段来重定向和触发按钮的 onclick 事件。
只是另一个变化：
<body>
<button name="redirect" onClick="redirect()">
<script type="text/javascript">
function redirect()
{
var url = "http://www.(url).com";
window.location(url);
}
</script>
你可以这样做：
<button onclick="location.href='page'">
您可以在单击按钮时更改表单的操作属性：
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun(){
$('form').attr('action','new path');
}
</script>