button 默认类型是submit

最新推荐文章于 2024-03-14 16:44:06 发布

weixin_34032779

最新推荐文章于 2024-03-14 16:44:06 发布

阅读量576

点赞数

“form表单里的按钮，明明是button而不是input type = submit，点击还是提交，如何让它不提交？”
（这个问题被我遇到了，很坑爹的，知道了就不以为然了。）
因为 button 默认类型是submit，所以如果想让不提交，显示的指定类型，type=“button”就解决了。

　　button默认是submit，所以很多情况下点击按钮虽然啥都没写会导致页面刷新，要想利用一个button，必须使其type="button"，否则会导致页面刷新。(在用button标签的时候首先将其类型声明为button，防止出错)

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34032779

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

JS中type="button"和type="submit"的区别

10-19

在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验至关重要。首先，`type="button"`的按钮是纯功能...

button没有指定type为submit点击按钮跳转不到指定url

12-13

而在其他浏览器中，由于遵循W3C规范，这个未指定类型的按钮默认会当作`submit`处理，从而在点击后尝试提交表单并跳转到`action`属性指定的URL。为了解决这个问题，只需将`<button>`元素的`type`属性设置为`submit`...

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

button的默认提交方式

cauchy6317的博客

07-18

3560

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

button为什么把默认类型定为submit？？

qq_44770307的博客

08-24

168

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

表单里的button默认是submit类型

weixin_30642029的博客

02-03

400

　　今天很坑爹，周六一大早加班开始码代码，本来想做数据加密测试，于是乎用tp框架搭建了一个应用环境，二话不说，开始码码。　　但，今天一大早就栽坑！直到同事喊吃饭还在坑里出不来！吃完饭继续码，最后码的我想哭o(╥﹏╥)o 　　我发现，只要是我在加上了<form>标签，我的button绑定的ajax就提交失败，我的button明明没有标记“type=submit”为毛感觉每次ajax...

TS入门总结

learntogiveup的博客

02-11

7108

基本数据类型我们都知道js有6种基本数据类型：布尔、数字、字符串、null、undefined和es6新增的Symbol + 1种引用数据类型：对象（包含Object、Function、Array、Date等等）类型。 ts作为js的超集，ts也有一套数据类型和上述7中数据类型进行一一对应。这里我们先介绍5中基本类型：布尔、数字、字符串、null和undefined，Symbol暂时不会提到。布尔值基本数据类型，它有两个值：true/false。在ts中是这样表示一个bool值的： const isD

【解决ts报错】不能将类型“string | undefined”分配给类型““dark“ | undefined”。不能将类型“string”分配给类型““dark“”。

最新发布

蓝胖子的博客

03-14

914

【解决ts报错】不能将类型“string | undefined”分配给类型““dark“ | undefined”。不能将类型“string”分配给类型““dark“”。

IE6/7下多种方法移除button、input 默认边框和去掉焦点线

12-11

一、去掉边框： ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认样式都去除掉。实现方式一：设置CSS：复制代码

JS中type=”button”和type=”submit”的区别

12-08

在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于构建高效且用户友好的Web表单至关重要。首先，`type="button"`是用来创建...

input submit、button和回车键提交数据详解

10-21

它的 `type` 默认值在不同浏览器中可能有所差异，IE 默认为 `button`，不引发表单提交，而在其他浏览器中默认为 `submit`。`button` 也可以设置 `type="reset"` 来重置表单内容，方便用户重新填写。再者，回车键...

form表单下的 button 按钮，如果不设置type会自动提交表单，默认为submit

sayoko06的博客

09-05

6095

问题：在写表单页面的时候，点击button按钮就会出现自动提交表单的情况。后来查资料得知，form表单下的按钮在没有指定type类型的时候，button会有一个默认的type=”submit” 解决办法：给button设置一个类型type="button"，这样button的类型就不是默认的submit了，就不会自动提交表单了。注意：form表单中的action属性的值是表单提交...

页面有多个submit按钮时，默认回车提交的是第一个按钮。

weixin_33737134的博客

03-28

360

$("#input_id").keydown(function(){ event.keyCode==13 && $("input[@type='submit']")[0].click(); }) 转载于:https://www.cnblogs.com/tangself/archive/2012/03/28/2420655.html

重定义按钮（type="button" | "submit" | "reset"）样式

weixin_30729609的博客

08-17

430

重定义按钮的样式是个有点麻烦的事。举个例子：<style type="text/css">input{padding:5px 10px;border:none;}</style><input type="button" value="确定" />在ff下可以按照我们的意图，按钮默认的边框去掉了，有上下5px的内边距，左右10px的内边距。但ie6和ie7仍然保...

TS快速入门-函数

温情

07-04

4343

在TS里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方TS中的函数大部分和JS相同,不同之处在于ts会给函数返回值和参数加上类型声明在TS中，函数仍然是最基本、最重要的概念之一函数类型的定义包括对参数和返回值的类型定义如果在这里省略参数的类型，会默认这个参数是类型；如果省略返回值的类型要是函数无返回值，那么会默认函数返回值是类型；要是函数有返回值，那么会根据定义的逻辑推断出返回类型。 3. interface定义函数类型使用接口可以清晰地定义函数类型函数参数定

type=＂button＂ ,＂submit＂的区别

m0_57071129的博客

05-10

1116

Submit是专门用于提交表单的Button，与Button的区别主要有两点：　　 type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为...

前端＜button＞标签踩的坑，type默认值是submit

渣渣的成长之路

11-23

919

<button>标签如果没有加type，那么默认值是submit，这样提交后就会刷新。之前老师讲课过就提到过，可是自己在应用中还是明知故犯了。。。

关于click和submit的笔记

weixin_30564785的博客

06-14

570

click主要用于元素的点击时的响应事件，而submit是指表单元素form的提交事件。但是，当click加入到表单的提交按钮时，事情似乎就有点复杂，总是忘记了。这两天搜了下，又实践了一下。主要用到的代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Co...

button的默认type居然是submit

weixin_30878501的博客

10-19

今天使用了html中的button标签，用js写了一点代码来完成onclick实践，当我点下它的时候，它不仅执行了我写的function，还把表单给提交了，一查它的button居然是sumbit。然后我把自己所有的浏览器都测试了一遍，包括IE 11、Firefox 32、chrome 38，发现这些浏览器button的默认类型都是submit，哎，下次写button时自觉加上type="but...

HTML中submit与button的区别解析

在需要使用JavaScript进行表单验证或处理的场景下，为了避免表单的自动提交，通常需要将`submit`按钮改为`button`类型。例如： ```html <input type="button" name="Submit" value="注册" onClick="return check();...