在自己写的html中点击button，页面会自动刷新的问题

最新推荐文章于 2024-07-10 09:30:28 发布
最新推荐文章于 2024-07-10 09:30:28 发布
阅读量2.9k 收藏 3
点赞数 1
分类专栏： 前端 html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yu514950381/article/details/78024676
版权
当HTML中的button在form表单内，即使没有onclick事件，也会导致页面刷新。问题在于button默认type属性为'submit'，需设置type='button'避免提交表单。加了此属性后，button变成普通按钮，需额外添加onclick事件处理。
摘要由CSDN通过智能技术生成

以前在写练习的时候遇到过这样一个问题，自己在html中写了一个button

<button>test1</button>

在没有给其附上onclick事件时是点击是不会有任何反应的
但是把这个button放入from表单时

<form action="testAction" method="psot">
    <button>test1</button>
</form>

无论有没有给button附上事件，点击后页面都会刷新
查找了半天资料网上有说是不是事件写错了或者是js冲突啊之类的问题，在

最低0.47元/天 解锁文章
无_言
关注
专栏目录
点击button会自动刷新页面??
丁哒哒的博客
01-06 2703
为什么点击button会自动刷新页面
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7054
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
网页自动刷新代码.
07-13
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？ 其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
HTML自动刷新页面
最新发布
桂云帆的博客
07-10 190
动态插入meta的支持情况，chrome, opera, safari支持。不过也不是完全没有办法，使用document.write就可以了。上面写表示零秒（亦即“立刻”的意思）跳转到aaa.html页面。如果砍掉后面的URL，即表示每隔10秒重刷页面一次。
网页页面实现自动刷新的3种代码
热门推荐
Yao,Mane
05-05 5万+
当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地基本，而且这个效果甚至不能称之为特殊效果。你只要把如下代码加入你的网页中就可以了。1.页面自动刷新：把如下代码加入＜head>区域中＜meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代
Html点击按钮自动刷新页面问题
Korbin的博客
10-21 4978
问题 <button class="btn btn-primary" onclick="findData()">查询</button> 点击页面上的按钮，执行完button的click事件后，会自动的重新刷新一下当前的页面。 原因 button,input type=button按钮在IE和w3c，firefox浏览器区别： 当在IE浏览器下面时，button标签按钮，...
点击form表单中的button会触发页面刷新
qq_35652978的博客
04-21 6465
form表单中的button如果指明type="submit"或者不写该属性，点击按钮时会触发整个页面的刷新，可以将type="button"或者将button写在表单外面
按钮设置点击事件总是自动刷新
weixin_44404948的博客
12-27 831
form表单的提交按钮用法 1.按钮button没有type属性或type="submit"时，点击按钮会自动将页面刷新； 2.将按钮button写在表单之外或者type="button"时，不会触发自动刷新。 ...
layui点击按钮页面会自动刷新的解决方案
10-16
本篇内容将围绕layui点击按钮页面自动刷新的问题进行详细探讨，并给出解决方案。 ### 页面自动刷新问题描述 在HTML页面中，开发者常会使用<button>或<input type="button">标签来创建按钮。在大多数情况下，这些...
button标签点击后导致页面自动刷新
weixin_45809419的博客
08-13 515
问题：button标签点击后导致页面自动刷新 原因：Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。 解决方法： 1.给button标签添加type类型：<button type="button"></button> 2.将<button></button>改为<input type="button"> 3.在button的click中添加e.preventD
网页自动刷新代码
11-11
.版本 2 .子程序 _按钮1_被单击 .如果真 (编辑框1.内容 ＝ “”) 信息框 (“请输入账号”, 0, ) 编辑框1获取焦点 () 返回 () .如果真结束 .如果真 (编辑框2.内容 ＝ “”) 信息框 (“请输入密码”, 0, ) 编辑框2获取焦点 () 返回 () .如果真结束 .如果 (编辑框1.内容 ＝ “123” 且 编辑框2.内容 ＝ “321”) .否则 信息框 (“账号密码错误！”, 0, ) 返回 () .如果结束 .计次循环首 (3, ) _启动窗口.标题 ＝ “Londing” .计次循环首 (6, ) _启动窗口.标题 ＝ _启动窗口.标题 ＋ “.” 延时 (300) .计次循环尾 () .计次循环尾 () _启动窗口.可视 ＝ 假 载入 (窗口1, , 真) .子程序 _编辑框2_按下某键, 逻辑型 .参数 键代码, 整数型 .参数 功能键状态, 整数型 .如果真 (键代码 ＝ #回车键) _按钮1_被单击 () .如果真结束 .子程序 编辑框1获取焦点 .子程序 编辑框2获取焦点 .子程序 _按钮2_被单击 销毁 ()
自动刷新网页代码（试试就知道）
05-30
一个实用的网页刷新代码，能自动刷新网页，5分钟后网页自动变化
自动刷新网页代码.rar
07-04
自动刷新网页代码
页面自动刷新代码大全
08-26
页面自动刷新代码大全页面自动刷新代码大全页面自动刷新代码大全页面自动刷新代码大全页面自动刷新代码大全页面自动刷新代码大全
网页页面 自动刷新的3种代码
12-03
其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新：把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2.页面自动跳转：把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=https://www.jb51.net">,其中20指隔20秒后跳转到https://www.jb51.net页面 3.页面自动刷新js版 <script language="
关于点击按钮后页面自动刷新的问题
寒江点雪
10-19 2881
button：不会自动刷新 image button 和submit会自动刷新 如果想使用图片按钮，但又不想点击按钮后页面自动刷新；那么就用button然后设置按钮的背景图 如果想使用图片按钮，且允许自动刷新页面可以用
解决点击button按钮会刷新页面的问题
2301_79420857的博客
11-17 934
【代码】解决点击button按钮会刷新页面的问题。
点击button后发送ajax请求之后页面自动刷新
05-27
如果您想在点击按钮后发送Ajax请求，并在请求完成后刷新页面，可以在按钮的点击事件中调用Ajax请求，并在成功回调函数中使用location.reload()方法来实现页面的刷新。具体实现代码如下： ```html <button id="my-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值