type="button"与type="submit"的区别是什么

理解HTML表单提交机制：submit vs button

最新推荐文章于 2025-01-09 00:59:38 发布

原创最新推荐文章于 2025-01-09 00:59:38 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#submit #button区别

本文深入解析HTML表单中submit和button的区别，重点在于它们如何触发表单提交以及对用户体验的影响。通过实例说明，在不同场景下选择使用submit还是button的重要性，以及如何利用onSubmit事件进行客户端数据验证。

好像是如果你用submit，不论前面的function如何，就一定会连接到下个jsp
而用button前面的function判断就会起作用，

type="submit" 会自动帮你提交表单，
type="button" 就是普通的按钮，需要自己写响应事件

submit 可以用 onSubmit()事件捕捉
button只能 onClick了

好像是如果你用submit，不论前面的function如何，就一定会连接到下个jsp
这个一般不用onclick捕捉
而是在<form ... onsubmit="">里捕捉，

一般写法是onsubmit = "return testForm(this)"
如果testForm return false就不会提交。一般用在数据客户端数据校验。