单击取消按钮时，如何告诉表单上的操作不执行？

Question

我的页面 "A" 有一个表单：

<form id="formA" method='post' action="somePage.php" name="formA">
    ... some input here ...
    <div id="save-button"><input type="submit" value="Save" onclick=""/></div>
    <div id="cancel-button"><input type="submit" value="Cancel" onclick="self.close()"/></div>
</form>

当我点击 "Save" 时，它应该并且确实会执行 "somePage.php"，其中包括写入文件。
当我单击 "Cancel" 时，我希望页面 "A" 关闭（确实如此）但它仍然执行 "somePage.php".
我怎样才能避免这种情况发生？

Answer 1

<div id="cancel-button"><input type="submit" value="Cancel" onclick="self.close()"/></div>

到

<div id="cancel-button"><input type="button" value="Cancel" onclick="self.close()"/></div>

类型不能是提交

Answer 2

<form id = 'formA' method = 'post' action = 'nextPage.php'>
 ...textboxes etc...
<div id="save-button"><input type="submit" value="Save" onclick=""/></div>
</form>
<form id = 'formB' method = 'post' action = 'prevPage.php'>
<div id="cancel-button"><input type="submit" value="Cancel" onclick=""/></div>
</form>

试一试

单击取消按钮时，如何告诉表单上的操作不执行？

How do I tell the action on a form not to execute when cancel button clicked?

html

php

forms

action