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

2023-05-16

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


表单中按回车的问题

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

解决办法:

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

<input id="hiddenText" type="text" style="display:none" />

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

<form name="keywordForm" method="post" action="" onsubmit="false">

Button的问题

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

解决方法:

设置button的type属性

<input type="button" value="test">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐