关于button标签会刷新页面的问题

Posted neo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于button标签会刷新页面的问题相关的知识,希望对你有一定的参考价值。

当button标签在form表单里面时,这时点击button按钮会提交表单刷新页面。

<form action="">
	<button>点击</button>   //会刷新页面(实测ie7及以下不会刷新,其他高版本ie、谷歌、火狐都会刷新)
</form>

但在再button里添加 type="button"时不会提交页面。

<form action="">
	<button type="button">点击</button>   //不会刷新页面
</form>   

 或者把button标签放在form表单外面

<form action="">
	
</form>   
<button>点击</button>   //不会刷新页面

  

 

  

以上是关于关于button标签会刷新页面的问题的主要内容,如果未能解决你的问题,请参考以下文章

解决button按钮点击会刷新页面以及触发表单BUG

关于button在form表单内的自动刷新

button标签默type为submit,点击以后会引发提交事件,然后页面刷新。

button标签默type为submit,点击以后会引发提交事件,然后页面刷新。

button按钮自动刷新页面

form表单中的button自动刷新页面问题