Bootstrap

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

做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">

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;