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

form表单中如果存在button的话,有可能会出现一个问题:点击button,触发了页面的自动刷新事件。 原因是因为 lt button gt 标签默认的类型是submit,即默认的button点击就会触发表单的提交事件。 解决的办法有三个。 .在 lt button gt 标签中添加属性type button 。 .将 lt button gt 标签改为 lt input gt 标签。 .在b ...

2019-11-14 07:31 0 712 推荐指数:

查看详情

【菜鸟搭建react项目之路14】【html】form点击button按钮会自动刷新页面&&阻止form表单刷新页面的方法

现象: 今天在写react的时候发现一个奇怪的现象,每次我点击按钮之后,数据会更新,接着页面刷新了,导致我更新的数据回到初始化状态(因为data数据存在state里面,所以页面刷新,data也会重新初始化)。 原因: button写在form表单里面,form表单提交会默认刷新页面 ...

Thu Dec 23 00:25:00 CST 2021 0 914
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">< ...

Wed Jun 19 23:44:00 CST 2019 0 650
点击button自动刷新页面

如题 因为button标签按钮会提交表单。 解决方法如下: 1、将<button></button>改为<input type="button"> 或者直接在<button>添加属性 type="button ...

Wed Mar 13 23:13:00 CST 2019 0 1146
点击 button 自动刷新页面

问题:为什么点击 button刷新页面 ? 原因:你代码的写法可能如下图,把 <button> 按钮 写在 <form> </form> 标签里边啦。 <button> 放在 form 里边, 除了 IE ...

Tue Oct 09 05:23:00 CST 2018 0 3475
bootstrap表单按回车会自动刷新页面问题

想给form表单增加回车自动提交的功能 然而,并没有达到预期的效果,而是自动刷新表单,并将表单参数放在了url后面,如图 发现是是form标签的问题,将其改为div 问题解决,但原因未知 ...

Sat Aug 27 19:17:00 CST 2016 0 5342
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM