如何去除表单的回车即提交即回车!=提交

如何去除表单的回车即提交即回车!=提交,第1张

如何去除表单的回车提交即回车!=提交 实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。




默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。




1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。


(submit)

2.当type="button"时,且存在多个输入框,回车不提交。


(button)

3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input="text",隐藏; 然后type类型为button。




在实际应用中,input输入框很少只有一个的情况,那么只需记住第二条即可应对。




使用JS事件阻止表单提交 不在本文讨论范围,当然也是可以实现的。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/609377.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-14
下一篇 2022-04-14

发表评论

登录后才能评论

评论列表(0条)

保存