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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • js正则匹配截取数字

    js正则匹配截取数字varreg=/[1-9][0-9]*/g;varreward=‘adad13dd1’console.log(reward.match(reg)[0])打印结果:131微信小程序开发交流qq群173683895承接微信小程序开发。扫码加微信。…

    2022年6月16日
    21
  • vue引入vant_vueaxios跨域请求

    vue引入vant_vueaxios跨域请求因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据在vue.config.js中对其进行配置devServer:{host:’localhost’,port:3030,//端口https:false,proxy:{//配置跨域’/api’:{target:’http://xx.xx.xx.xxx’,//代理的接口域名以及端口号;ws:

    2022年9月27日
    1
  • Pytest(13)命令行参数–tb的使用

    Pytest(13)命令行参数–tb的使用前言pytest使用命令行执行用例的时候,有些用例执行失败的时候,屏幕上会出现一大堆的报错内容,不方便快速查看是哪些用例失败。–tb=style参数可以设置报错的时候回溯打印内容,可以设置参

    2022年7月31日
    2
  • PHP网站常见安全漏洞,及相应防范措施总结

    PHP网站常见安全漏洞,及相应防范措施总结

    2021年9月24日
    43
  • griddata方法使用插值方法

    griddata方法使用插值方法’linear’Linearinterpolation(default)双线性插值’cubic’Cubicinterpolation双三次插值’natural’Naturalneighborinterpolation 自然邻近插值’nearest’Nearestneighborinterpolation最近邻近插值’v4’MATLAB®4grid

    2022年5月26日
    41
  • 博客日记目录[通俗易懂]

    博客日记目录[通俗易懂]用于整理博客,清晰记录发文过程2022年1月18日目录2022年1月2022年1月2022年1月20日【修改】Spring框架概述【补充】IOC操作Bean管理2022年1月19日【修改】Spring框架概述【补充】IOC操作Bean管理(xml)【修改】IDEA错误Nomainclassspecified【补充】新增视频版2022年1月18日【修改】Spring框架概述【补充】IOC操作Bean管理(xml)…

    2022年6月8日
    83

发表回复

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

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