Question

HTML：

<form target="" method="post">
    <input name="username" type="text" />
    <input name="password" type="password" />
    <button>Cancel</button>
    <input type="submit" />
</form>

小提琴：http://jsfiddle.net/n9Lpcqyr/

问题：当我按下回车键时，两个按钮都会被触发。测试了这个jQuery：

$('button').click(function(){
    alert('help');
});
$("form").submit(function(){
    alert('hey');
});

由于第一个<button>已映射到对话框.remove()，因此表单不再存在。我知道我可以使用js将回车键绑定到input s，但我正在寻找仅限HTML的解决方案。我试了tabindex没有运气。我还能做什么？

Answer 1

您可以将取消按钮移动到表单之外，就像这样（并使用CSS来设置样式）：

<form target="" method="post">
    <input name="username" type="text" />
    <input name="password" type="password" />
    <input type="submit" />
</form>
<button>Cancel</button>

点击输入表单调用错误的按钮

1 个答案: