关于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>   //不会刷新页面

  

  

时间: 2024-09-30 11:08:06

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

JSF中使用f:ajax标签无刷新页面改变数据

ajax本是用在前端的一种异步请求数据的操作,广泛用于js中,一般的js框架如jq都有被封装好的方法,用于发起异步请求操作.异步操作可以增强用户体验和操作,越来越多的程序都在使用ajax.JSF的facelets内置了一个ajax标签,可用于简单的ajax操作. f:ajax 有几个常用属性,分别是:event.listener.render. 1.event:event 对应一个js事件名,该事件名省略了开头的”on“字符,例如点击事件是onclick,那么只需要填入click即可.类似事件还

使用BootStrap模态框瞬间消失,且点击没有事件的Button按钮会刷新页面

布局时吧Button按钮放在了form表单中,导致进页面时,不做任何操作,首先点击三个Button按钮,会刷新页面,新增按钮本来有的 模态框 也不会弹出来会弹出并瞬间消失,以为是js冲突的原因,删除了BootStrap的js文件,还是同样的问题. <div class="col-md-8"> <form class="form-inline"> <div class="form-group"> <labe

HTML Button自动刷新页面的问题

一.问题 <button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button> 页面上有这样一个按钮,每次点击这个按钮的时候,执行完button的click事件后,会自动的重新

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

form表单中如果存在button的话,有可能会出现一个问题:点击button,触发了页面的自动刷新事件. 原因是因为<button>标签默认的类型是submit,即默认的button点击就会触发表单的提交事件. <button></button> <!-- 两者是相当的 --> <button type="sumbit"></button> 解决的办法有三个. 1.在<button>标签中添加属性ty

a标签的使用,页面刷新

前段时间,前辈分享了个网页,页面的刷新方式,当时没想那么多,随便看看,这有啥用! 页面的刷新方式: F5 浏览器刷新按钮 代码中window.location.reload() 还有一个会影响你的,a标签啊,<a href=""></a>,如果href是空的,那么久会刷新页面了,不知道的伙伴可以试一试. a标签,久违的一些东西 a:link a:visited a:hover a:active 注意顺序哦,我一直以为hover只能为a标签服务,其实别的也可以的.

HTML中button标签点击实现页面跳转的三种方法

方法1:使用onclick事件12<input type="button" value="按钮"onclick="javascrtpt:window.location.href='http://www.9252.com/'" /> 或者直接使用button标签1<button onclick="window.location.href = 'https://www.9252.com/'">儿童</

标签点击不返回顶部和不刷新页面方法

让我们先来看看JavaScript中void(0)的含义: JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值.void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression是一个要计算的 JavaScript 标准的表达式.表达式外侧的圆括号是可选的,但是写上去是一个好习惯.我们可以使用 void 操作符指定超级链接.表达式会被计算但是不会在当前文

asp.net的服务器控件客户端空件的区别以及如何刷新页面不靠数据库数据停留在页面

区别:服务器端控件都会有个runat="Server"属性,这样才能够在后台对其进行设置修改,也就是在cs代码里面能对其修改设置.你做下测试 你放个HTML控件 在CS代码是引用不出控件名的然后你个HTML控件加上runat="Server" 在CS代码就能引用该控件了本质上ASP.NET 的服务器控件 解析后返回到前台还是HTML控件你建个页面 放一个asp:textbox上去然后运行页面,然后查看页面源文件你会发现放上的服务器控件变成了HTML的inupt ty

点击按钮自动刷新页面

<问题> <button type="button" style="height: 29px; float: left; width: 18%; border: none; border-left: 1px solid #d07878; border-radius: 0 4px 5px 0; padding-top: 3px" onclick="return search()"> 点击上述按钮,页面自动刷新 <原因&