写前端页面时,按钮明明是<button>,为什么点击时会提交表单,刷新页面呢?
来源:互联网 发布:黑马程序员html 编辑:程序博客网 时间:2024/05/22 16:47
相信这个问题很多初学者,甚至开发了几年的人或许也会遇到,一时不得其解,然而问题的解决也出人意料的简单。原因就是你的button按钮是放在form表单里的,而且又没有声明其type=”button”导致的。
- 从w3c组织的官方文档可以看到关于button按钮的一句话:The missing value default is the Submit Button state,这句话就说明form表单里的button按钮,默认是submit类型的,所以你需要加上type=”button”声明是button类型而不是默认的submit,或者你不把button放在form里也可以。
- And one more thing,button不放在对应的form表单里,而是放在其外部,也是可以提交指定表单的。
<button type="submit" form="form1">提交</button>
通过这种方式,也可以控制这个button按钮指定提交id为form1的表单。
阅读全文