button标签的坑

最新推荐文章于 2021-12-17 15:11:32 发布

团子与面包

最新推荐文章于 2021-12-17 15:11:32 发布

阅读量216

点赞数

分类专栏：坑的记录文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_49007080/article/details/116425364

版权

在制作学生选课系统的新增页面时，遇到一个问题：点击button返回功能时导致表单意外提交。原因是button在form中默认为submit类型，导致表单提交而非执行click事件。解决方法是明确设置button的type属性为button，避免表单提交。

摘要由CSDN通过智能技术生成

最近在跟着一个视频敲关于学生选课系统的小项目，其中在一个新增页面，想要实现一个返回功能
在这里插入图片描述

<button class="but-refresh"  onclick="window.history.back(-1)">
       <i class="fa fa-arrow-left"></i>
            返回
<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

团子与面包

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

记录:el-button不失焦问题、proxyTable前端跨域、使用“ == ”遇到的坑

weixin_45144296的博客

11-08

335

（一）element button按钮不失焦问题问题：点击后按钮不失去焦点解决方法：点击button的时候，如果点击到文字（即span）上，这个时候evt.target是span标签，这个时候是没法直接触发其父节点button的blur方法的，也就没法强制button失去焦点。所以需要判断点击的是span还是button //处理el-button点击后不失去焦点 clickHandler(evt) { let target = evt.target; if(ta

关于＜button＞按钮的一个小坑

weixin_45359574的博客

08-20

317

今天做一个项目时，用到了layui框架中的表单form，我想在点击按钮时发送一次ajax请求，获取json数据来显示想要的页面。每次点击后确实成功的发送了ajax请求，但都会刷新一次页面。这个问题困扰了我好久。后来终于知道原来是中的属性type的问题。关于标签的属性type，Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是**“submit”**。因为我运行页面用的是Chrome，默认是"submit"类型，当每点击一次按钮时，都会向服务器

参与评论您还未登录，请先登录后发表或查看评论

ie里的button标签的一个bug

weixin_30894583的博客

04-10

101

做毕业设计的时候，偶像间发现了ie的button标签的一个bug 原始的按钮我们这样写 <input type=”button” id=”button_id” value=”值” /> 这个按钮是value也是按钮上显示的文字而新的button标签是这样定义按钮的 <button id=”button_id” value=”值”>...

HTML使用button的一个小坑

weixin_34185512的博客

05-11

132

https://www.w3schools.com/TAGs/att_button_type.asp Definition and Usage The type attribute specifies the type of button. Tip: Always specify the type attribute for the <button> element. Diffe...

(坑)关于JButton不懂的标记一下说不定以后就知道了

Xlyxcar的博客

12-28

406

http://bbs.csdn.net/topics/392302560 问题不仅在于为什么创建JPanel之后再添加JButton就需要指向并点击才有反应，直接在创建时添加就不会，还在于我其实还有其他的JButton是在JPanel创建之后添加的，虽然那些不需要接收输入，但肯定的是，它们可以一开始直接看见。(大概是有移动所以刷新了的关系，没有验证不确定)

html<button>标签易错点分析

若谷

08-02

277

最近在做一个项目的过程中，有个地方用到了<button>标签，结果出现了一个很奇怪的问题，form的内容被提交了两次，只针对IE浏览器，chrome不会。由于使用了boss的一个框架，一度使我怀疑是不是他那框架存在兼容性问题，不过找了好久最终还是找到了答案。原因就在于button标签的使用。 "在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 inpu...

微信小程序cover-view标签中内嵌图片button不显示的问题

追逐丶的博客

02-17

4692

一、问题产生开发微信小程序，需要在原生的map组件上覆盖一个按钮图片，用来进行分享（很常见的需求）。可是了解api得知，要覆盖地图组件，只能使用cover-view进行。并且官方文档说的很清楚，cover-view内部是可以镶嵌button的，并且分享功能只能通过button组件的open-type进行。写下如下代码： <cover-view class="share-cover-view......

CSS中input标签text与button设置同样高度却等高的原因

qq_39532595的博客

11-20

1513

CSS中input标签text与button设置同样高度却等高的原因以前用CSDN都是用来下载文件，浏览博客，自从入了前端的坑，发现需要学习的东西很多很多，一面学习，一面找bug，记录一下无意间发现的bug 记录一下：）（ps：博客用的很不熟练，看来要多写写） bug如下： Quirks模式先记录一下Quirks模式，百度了一下，有叫怪异模式，有叫兼容模式，嗯，怪异模式更加适合吧，手动再见，...

a标签href=“”的小坑

jerry的博客

12-16

520

首先我们先看看这个页面，其中“删除”是一个<a>标签 <a href="" class="delete" >删除</a> 该标签有对应的js方法，当点击该链接，前端会执行一个Ajax请求，让服务器删除该条记录，删除后接收服务器返回的数据再显示处理结果。正常的情况是，点击删除按钮，服务器处理完，显示“删除成功”。然而，实际调试的结果是点击删除按钮后...

注意：按钮响应事件不要用button，要用input!否则容易报错：ClientAbortException或者alert秒关！

FromNowOnUntilTheEnd

04-04

420

注意：按钮响应事件不要用button，要用input!原因：1、可能会出现的错误一：alert弹出层秒关闭2、可能会出现的错误二：ClientAbortException: java.io.IOException APR7034?忘记是哪个错误状态码了，大概意思就是请求还没有处理完就被中断了，导致得不到数据出现的原因：使用这种方法来提交响应事件[html] view plain copy...

初学者-html中button标签需要注意的小细节

MrLiu86的博客

12-22

1254

相信很多初学者对于一些标签后面需要带的属性难免会有遗漏，这边提的建议是一定要先理解再记忆，不要死板的去记单词组合，下面列一下button标签需要注意的地方，以加强小伙伴们的记忆，不要在这个问题上再出现第二次的错误。在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。控件与相比，提供了更为强大

js 添加删除class样式

weixin_43235307的博客

12-17

2499

1、html前端 <button type="button" class="btn btn-light-primary m-1"> <i class='bx bx-edit'></i> </button> <button type="button" class="btn btn-light-secondary m-1" id="btn"> // 图标样式 <i class='bx bx-right-top-arrow-circ

ES6入门六：class的基本语法、继承、私有与静态属性、修饰器

weixin_30879169的博客

08-24

308

基本语法继承私有属性与方法、静态属性与方法修饰器（Decorator）一、基本语法 1 class Grammar{ 2 constructor(name,age){ //定义对象自身的方法和属性 3 this.name = name, 4 this.age = age 5 } 6 ...

Android Stdio中的button设置有问题报错

qq_53345096的博客

03-02

2562

问题描述：换了电脑，新安装了个Android stdio 以为熟悉了，创建model就没细看选项什么的，直到开始写监听器的时候，我发现已经导入Button 但是还是报错一直alt+enter也没用原因分析：百度了一下，才知道是创建model的时候出错了，因为我在使用kotlin环境，建的是kotlin文件（以.kt结尾），就要使用Kotlin语法：val button_1:Button; 解决方案：直接删掉然后右键创建java文件再用java语法写个MainActivity就行了上面图

点击button标签会导致提交form

生而为人我很抱歉

11-25

1万+

button的type 属性，IE的默认是 “button”，非IE默认是 “submit”。如果想不提交需要指定type为”button”。<form> <button type="button">button</button> <button type="submit">button</button> <butto

vue项目webstorm Unknown html tag el