如何去除表单的回车即提交即回车!=提交_HTML/Xhtml_网页制作
程序员文章站
2022-03-19 11:49:31
...
实现"回车!=提交"的问题，一般可以从"按钮的type类型" 和 "输入框个数"两处着手。
默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。
1.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（submit）
2.当type="button"时，且存在多个输入框，回车不提交。（button）
3.解决单个输入框的回车即提交问题，参考第二点：可以增加一个input="text"，隐藏; 然后type类型为button。
在实际应用中，input输入框很少只有一个的情况，那么只需记住第二条即可应对。
使用JS事件阻止表单提交 不在本文讨论范围，当然也是可以实现的。
默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。
1.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（submit）
2.当type="button"时，且存在多个输入框，回车不提交。（button）
3.解决单个输入框的回车即提交问题，参考第二点：可以增加一个input="text"，隐藏; 然后type类型为button。
在实际应用中，input输入框很少只有一个的情况，那么只需记住第二条即可应对。
使用JS事件阻止表单提交 不在本文讨论范围，当然也是可以实现的。