很奇怪的问题。点击button会自动刷新页面?

为什么这段代码在火狐或者Webkit浏览器<formmethod="post"action=""><inputtype="text"name=""><button>123... 为什么这段代码在火狐或者Webkit浏览器
<form method="post" action="">
<input type="text" name="">
<button>123</button>
</form>
展开
 我来答
搞怪一乐
高粉答主

推荐于2019-09-11 · 醉心答题,欢迎关注
知道小有建树答主
回答量:477
采纳率:100%
帮助的人:15.3万
展开全部

因镇茄为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)>

悦己文化
高粉答主

推荐于2019-11-05 · 人群里也是很寂寞的。
悦己文化
采纳数:690 获赞数:51713

向TA提问 私信TA
展开全部

因为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"。

参考资料:

HTML5.2官方API接口-form表单



本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Jonia917
推荐于2018-02-10 · 知道合伙人互联网行家
Jonia917
知道合伙人互联网行家
采纳数:924 获赞数:2784
我毕业于一所普通的本科高校软件工程专业,学士学位。现在一家IT公司担任初级软件卡发工程师

向TA提问 私信TA
展开全部
你好,我做过测试了,的确有这个问题,虽然我春团也不知道原因,但是如知亮果你想使用点击搭森宽不刷新的,建议用<input type="button" value="test">,这个是不会点击刷新的
<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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
爱心善行共赢
2014-12-11 · TA获得超过313个赞
知道小有建树答主
回答量:355
采纳率:0%
帮助的人:268万
展开全部
button,input type=button按钮在IE和w3c,firefox浏览器区别
当在IE浏览器下面时,button标签按轮滑搜钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。
但是在W3C浏览器腊历,如Firefox下就需要注意了,button标签按钮会提交让差表单,而input标签type属性为button不会对表单进行任何操作。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
晴空孤叶
2017-10-27
知道答主
回答量:5
采纳率:0%
帮助的人:5356
展开全部
默李信认的button不加类型是 submit 会提交当前页面所以会枯罩刷新,加上type="没扰闹button" 就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式