如何创建重定向到 URL 的 HTML 取消按钮

Question

我正在使用 w3schools Tryit 编辑器中的按钮，并且试图弄清楚当我单击“取消”按钮时如何使我的浏览器重定向到 URL。

这是我尝试过的：

 <form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
  <button type="cancel" onclick="javascript:window.location='http://stackoverflow.com';">Cancel</button>
</form>

但它不起作用。有任何想法吗？

原文由 Red Cricket 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

cancel 不是类型属性的有效值，因此该按钮可能默认为 submit 并继续提交表单。您可能的意思是 type="button" 。

（虽然 javascript: 应该删除，虽然它不会造成任何伤害，但它是一个完全无用的 标签）

但是，您没有任何类似按钮的功能，因此最好使用：

 <a href="http://stackoverflow.com"> Cancel </a>

… 可能有一些 CSS 让它看起来像一个按钮。

原文由 Quentin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

html中没有 button type="cancel" 。你可以这样试试

<a href="http://www.url.com/yourpage.php">Cancel</a>

您可以使用 CSS 样式属性使其看起来像一个按钮。

原文由 RJ Anoop 发布，翻译遵循 CC BY-SA 3.0 许可协议