实现 "回车!=提交" 的问题,一般可以从 "按钮的type类型" 和 "输入框个数" 两处着手。
默认情况下,单个输入框,无论按钮的 type="submit" 还是 type="button" 类型,回车即提交。
1、当 type="submit" 时,无论有几个 type="text" 输入框,回车均表示提交。(submit)
2、当 type="button" 时,且存在多个输入框,回车不提交。(button)
3、解决单个输入框的回车即提交问题,参考第二点:可以增加一个输入框并隐藏 input="text" style="display:none;"
;然后 type 类型为 button。
在实际应用中,input 输入框很少只有一个的情况,那么只需记住第二条即可应对。
使用 JS 事件阻止表单提交,不在本文讨论范围,当然也是可以实现的。