很奇怪的问题。点击button会自动刷新页面？
<form method="post" action="">
<input type="text" name="">
<button>123</button>
</form> 展开
因为button标签按钮会提交表单。
解决方法如下：
1、将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button".
2、在button的点击事件中加入“e.preventDefult()”
$('btn').click(function(e){
e.preventDefult();
});
扩展资料：
点击button刷新的几种常用代码：
1、<input type=button value=刷新 onclick="history.go(0)">
2、<input type=button value=刷新 onclick="location.reload()">
3、<input type=button value=刷新 onclick="location=location">
4、<input type=button value=刷新 onclick="location.assign(location)">
5、<input type=button value=刷新 onclick="document.execcommand(refresh)">
6、<input type=button value=刷新 onclick="window.navigate(location)">
7、<input type=button value=刷新 onclick="location.replace(location)">
8、<input type=button value=刷新 onclick="window.open(自身的文件,_self)">
9、<input type=button value=刷新 onclick=document.all.webbrowser.execwb(22,1)>
因为button标签按钮会提交表单。
解决方法如下：
1、将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button".
2、在button的点击事件中加入“e.preventDefult()”
$('btn').click(function(e){
e.preventDefult();
});
扩展资料：
<button> 标签定义一个按钮。
在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。
参考资料：
<html>
<head>
<title>ceshi</title>
</head>
<body>
<form method="post" action="">
<input type="text" name="">
<button>123</button>
<input type="button" value="test">
</form>
</body>
</html>
当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。
