Button按钮为什么无缘无故会提交form表单?

Button按钮为什么无缘无故会提交form表单?

我的form表单里有好几个Button按钮,每个按钮有不同的功能,可是这些按钮居然都有提交功能,真是把我惊呆了

<button class="btn btn-info " οnclick="do_collection()" 
title="非Guest用户可收藏">收藏</button>

 

这个问题困惑了我好几天一直百思不得其解,然后我就去查了一下button按钮的属性,才发现原来是因为我没有指定Button按钮的type属性值,type有三个可选属性:Button,submit,reset,而Button按钮的type属性默认值是submit ,所以在没有指定type属性的情况下,点击Button按钮触发提交form表单就合情合理了,所以要想此按钮不提交,可以指定Button按钮的type属性值为Button

<button class="btn btn-info " type="button" 
οnclick="do_collection()" 
title="非Guest用户可收藏">收藏</button>

  

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112392.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Stimulsoft Reports.Web.JS 2022.2.5

    Stimulsoft Reports.Web.JS 2022.2.5Stimulsoft2022.2.5Publishedon13May2022Reports.WebReports.NetReports.WpfReports.JSReports.PHPReports.JavaReports.BlazorReports.AngularDashboards.WEBDashboards.WINDashboards.JSDashboards.PHPBIDesignerBICloudBIServerN..

    2022年7月26日
  • 送你7个常用的服务器资源监控工具

    送你7个常用的服务器资源监控工具以这台鲲鹏服务器为例,先查看自己操作系统的发行版本(1)nmon:支持收集一段时间内,整机的CPU、磁盘、网络、内存等各项资源的使用情况。(2)perf:Linuxkernel自带的系统性能优化

    2022年7月4日
  • 60道逻辑推理题及答案[通俗易懂]

    60道逻辑推理题及答案[通俗易懂]作者:billy版权声明:著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处前言程序员面试题中经常会出现一些烧脑逻辑题,本人觉得这种题目非常有趣,于是收集了一些分享给大家!【1】假设有一个池塘,里面有无穷多的水。现有2个空水壶,容积分别为5升和6升。问题是如何只用这2个水壶从池塘里取得3升的水。由满6向空5倒,剩1升,把这1升倒5里,然后6剩满,倒5里面,由于5里面有1…

    2022年4月18日
  • 怎么自定义服务器的404,如何自定义404页面

    怎么自定义服务器的404,如何自定义404页面404错误页面是WWW网站访问比较经常出现的错误。大家最熟悉的也是最常见的出错提示:404notfound。404页面就是当用户输入了错误的链接时,返回的页面。而默认的404错误页面呆板麻木,让访问者感觉很挫败,可能会直接离开您的网站。自定义404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。是增强用户体验的很好的做法。简而言之,有两点…

    2022年7月27日
  • 包含负数的二进制补码的加减运算叫什么_负数的补码怎么求

    包含负数的二进制补码的加减运算叫什么_负数的补码怎么求本篇文章是我的第一篇博客,用于帮助那些和我一样处于迷茫中的朋友。如若对你有帮助的话请点个赞(不介意的可以投个币)。如若引用还请注明出处!读这篇文章之前,你必须对原码反码补码有所了解。关于这些推荐一篇大佬的文章。[关于原码反码和补码](https://blog.csdn.net/chenchao2017/article/details/79733278)在这里补充一点关于补码的知识:a例如:+5的补码为00101-5的补码为11011如果我想用八位二进制补码表示怎么办?答案是从

    2022年9月15日
  • Petalinux系列——0.在Docker里玩转PetaLinux

    Petalinux系列——0.在Docker里玩转PetaLinux在Docker里玩转PetaLinux来自https://github.com/alexhegit/https://mp.weixin.qq.com/s/spaq_Sv1giraeIJgsKDQYA简介PetaLinuxPetaLinux是Xilinx推出的针对ZynqSoc,ZynqMPSOC嵌入式开发板的基于Yocto二次封装的LinuxBSP构建工具,支持Ubuntu…

    2022年9月11日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号