简单实现 "回车!=提交"(去除表单的回车即提交)

warning: 这篇文章距离上次修改已过793天,其中的内容可能已经有所变动。

实现 "回车!=提交" 的问题,一般可以从 "按钮的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 事件阻止表单提交,不在本文讨论范围,当然也是可以实现的。

最后修改于:2022年05月05日 06:01

添加新评论