当前位置:主页 > 查看内容

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

发布时间:2021-05-10 00:00| 位朋友查看

简介:实现回车!=提交的问题,一般可以从按钮的type类型 和 输入框个数两处着手。 默认情况下,单个输入框,无论按钮的type=submit还是type=button类型,回车即提交。 1.当type=submit时,无论有几个type=text输入框,回车均表示提交。(submit) 2.当type=button时……
实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。

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

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

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

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

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

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

原文链接:https://m.jb51.net/web/178738.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐