首页前端开发HTML如何去除表单的回车即提交即回车!=提交

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

时间2024-01-27 09:44:03发布访客分类HTML浏览778
导读:收集整理的这篇文章主要介绍了如何去除表单的回车即提交即回车!=提交,觉得挺不错的,现在分享给大家,也给大家做个参考。 实现"回车!=提交"的问题,一般可以从"按钮的tyPE类型" 和 "输入框个数"两处着手。 默认情况下,单个输入...
收集整理的这篇文章主要介绍了如何去除表单的回车即提交即回车!=提交,觉得挺不错的,现在分享给大家,也给大家做个参考。 实现"回车!=提交"的问题,一般可以从"按钮的tyPE类型" 和 "输入框个数"两处着手。

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

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

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

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

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

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

回车

若转载请注明出处: 如何去除表单的回车即提交即回车!=提交
本文地址: https://pptw.com/jishu/588036.html
html option禁用选择 select禁用选项示例 HTML中select下拉框内容显示不全部分被覆盖的解决方法

游客 回复需填写必要信息