为什么Html页面表单回车或者Button点击会自动刷新

做H5页面的时候莫名其妙有BUG又找不到,才发现页面自动刷新了。
两个其实都是相同的原因:表单提交


表单中按回车的问题

一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。

解决办法:

1.不要让你的表单只有一个输入框(往表单里加一行隐藏的输入框)


2.阻止表单的提交(给表单增添onsubmit属性)


Button的问题

button的默认类型是submit,同样也是提交表单。

解决方法:

设置button的type属性


你可能感兴趣的:(HTML,Bugs)