html - HTML 表单：输入时激活提交按钮

Question

我有一个带有两个提交按钮的确认表单：删除和取消。我希望删除成为默认选择，在单击输入时激活。但是，默认情况下，这两个按钮都不是活动的。

我可以在 js 中做一些事情，但我真的认为这是默认的表单行为。此外，应该指示哪个按钮是活动按钮。我正在尝试使用 Chrome。

http://jsfiddle.net/wqDtg/

 <form action = "delete/" id = "the_form"  method = "post">

     <input type = "hidden" name = "the_id" value = "123"></input>
     <input type = "submit" value = "Delete" ></input>
     <input type = "submit" value = "Cancel"  onclick="$('#the_form').addClass('hidden');return false;" ></input>

 </form>

Answer 1

除非您添加 JavaScript，否则只有当其中的表单控件具有焦点时，才会通过按 Enter 提交表单。如果焦点在一个按钮上，该按钮将触发表单提交。如果它在另一个输入上，那么它将触发第一个提交按钮。

使用属性赋予删除按钮焦点autofocus