【小瑕疵】表单中的button会自动提交?

时间:2024-12-28 12:37:33

在表单中使用button标签的时候会发现,即使什么类型都没有设置,但是在点击的时候会发现,表单会自动提交

比如:

【小瑕疵】表单中的button会自动提交?

我在一个表单的button中添加一个函数,当点击这个按钮时会增加一行内容:

【小瑕疵】表单中的button会自动提交?

但是当我实际点击按钮时会发现,增加的哪一行内容只会在一瞬间显示然后就消失了。实际的原因就是在添加新一行的时候表单提交,刷新了页面。

那么如何解决这中问题呢?

方法一:把<button>放在表单之外

方法二:如果button必须放在表单内,我们可以通过阻断它的功能来实现我们想要的效果

【小瑕疵】表单中的button会自动提交?