HTML 表单在输入文本中按 'Enter' 导致单击按钮

Question

http://jsfiddle.net/PCGvG/

为什么在此示例中，当我在输入文本中按“Enter”时，它会执行 onclick ？使用 <input type="button"> 时没有...

Answer 1

元素<button>有type="submit"默认情况下。参见 http://www.w3.org/TR/html401/interact/forms.html#h-17.5

解决方案:如果您不想调用按钮的点击处理程序，请明确为其指定 type="button"。

<form name="myForm">
    <button type="button" id="test">Click</button>
    <input type="text" name="q" />
</form>

(尽管按 Enter 仍会提交表单，至少在某些浏览器上是这样。)

关于您的评论 <input type="button">行为不同:是的。 type="button"的输入与 type="button"的按钮作用相同，而 type="submit"的输​​入与 type="submit"的按钮作用相同。