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 attribute

为删除按钮指定焦点