0

我将链接样式设置为按钮，并注意到链接操作被表单操作覆盖。所以取消按钮实际上会更新。有没有办法从按钮中轻松可靠地（在所有浏览器中）删除此行为，同时将其保留在表单元素中？还是我需要重新设计按钮？

更新：

<form>
 <input type='text'>
 <a href="cancel"><button>cancel</button></a>
 <input type="submit">
</form>

现在a>button有相同的动作input(submit)

最终重新设计并删除了button标签

4

3 回答 3

1

抱歉，如果我在这里用错了，但我不完全确定我是否理解您的问题，因为取消按钮不应该提交您的表单，但是您使用的按钮不正确，这可能是您问题的根源。

我认为，如果您按照自己的方式进行操作，它们将无法在 IE 中工作：

<input type="button" value="Cancel" onClick="window.location='http://www.yoursite.com/cancellink'" />

如果您按照上述方式执行这些操作，则应该在所有浏览器中执行您想要的任何操作，除非禁用 js - 希望这会有所帮助您可以调用任何 js 函数来清除表单或您想要的任何内容，而不是链接到页面

于 2012-08-09T17:18:46.197 回答
1

您需要设置按钮的类型，如果未设置类型属性，则默认情况下按钮充当表单内的提交按钮。

<a href="cancel"><button type="button">cancel</button></a>
于 2012-08-09T17:19:12.070 回答
0

由于链接的工作方式，当您单击 时<a href="cancel">，它将尝试将浏览器导航到该资源。（例如http://yoursite.com/cancel）。

如果您希望您的按钮执行一些 JS 操作，请删除<a>. 在这种情况下，这只是多余的。设计<button>你想要的样式。

如果您希望您的按钮导航到页面，请<button>删除<a>.

于 2012-08-09T17:15:16.533 回答