如何制作一个不提交表单html的按钮

Question

您好我正在处理用户可以编辑其个人资料的页面。本质上，页面是一个很大的形式，几乎没有与表单无关的按钮，因为它们完成取消编辑配置文件和重定向用户等操作。问题是我不能在独立于它的表单中创建一个按钮。我也不能在表单之外使用它，因为它不会在CSS的正确div中。我该怎么办？为什么你不能拥有嵌套表格呢？这似乎是合乎逻辑的，因为任何输入标记都只适用于最新的表单范围。

由于

Answer 1

此按钮不提交表单。

<button type='button'>Do something</button>

这确实提交了表单，因为按钮的默认type为submit。

<button>Submit</button>

修改

如果您可以使用Javascript，则可以执行此操作。

<button type="button" onclick="location.href='http://google.com';">Google</button>