点击button标签会导致提交form

最新推荐文章于 2023-11-21 14:20:07 发布

思想永无止境

最新推荐文章于 2023-11-21 14:20:07 发布

阅读量1.2w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： html button form

欢迎转载，转载请注明原地址，谢谢！

本文链接：https://blog.youkuaiyun.com/u012643122/article/details/53337564

Web前端专栏收录该内容

99 篇文章

订阅专栏

本文探讨了HTML中button元素的type属性对于不同浏览器（IE与非IE）的影响。默认情况下，IE浏览器将button的type视为button，而非IE浏览器则将其视为submit。若希望在所有浏览器中统一行为，需明确设置type属性。

button的type 属性，IE的默认是 “button”，非IE默认是 “submit”。
如果想不提交需要指定type为”button”。

<form>
    <button type="button">button</button><!--不提交form-->
    <button type="submit">button</button><!--提交form-->
    <button>button</button><!--非IE提交form，IE不提交form-->
</form>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

思想永无止境

关注关注

7
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

button提交form表单

chuqianji3514的博客

06-14

9330

<html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action=...

JavaScript在form表单中使用button按钮实现submit提交方法

10-20

在form表单提交中，使用button来间接完成submit的提交更为灵活。接下来通过本文给大家介绍JavaScript在form表单中使用button按钮实现submit提交方法，需要的朋友参考下吧

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

Button按钮提交form表单

weixin_44897718的博客

10-15

2646

Button按钮提交form表单 function userlogin(){ document.getElementById("userlogin").submit(); } <form id="userlogin"> <button class="btn btn-lg" οnclick="userlogin()">登录</button> </fo...

button按钮提交form表单的js方法不要使用关键字login

clm20482的博客

07-12

217

在使用button按钮提交form表单时，js方法不要使用关键字login，否则你会遇到莫名其妙的警告而无法正常执行！ js代码如下： function login(){ var...

【button】在form表单里的按钮元素button，点击自动提交表单

Owen的博客

11-09

973

一、问题描述 <form action="/saveProposal.mm" method="post"> <button>按钮</button> </form> 点击按钮，会自动提交表单，跳转页面。二、问题原因如果不指定 type 属性，会默认为 submit，点击时就会提交表单了。三、解决方案指定 type 属性，即可。 <form action="/saveProposal.mm

＜form＞表单中＜button＞自动提交的问题

m0_51512780的博客

04-13

680

最近想在<form>表单中，添加一个取消按钮，通过设置他的onclik来返回原来的界面，但是出现了一个很奇怪的现象，我点了这个取消的<button>却提交了，非常奇怪。一番搜索后，才发现原来是我没有指定<button>的type，而<button>的type如果不指定，那么默认就是submit。至此，解决办法就显而易见，指定<button>的type为button即可。举例：未指定type的<button>： ...

js实现a标签超链接提交form表单的方法

10-24

在本篇内容中，将会介绍如何使用JavaScript让a标签实现提交form表单的功能。首先需要了解的是，HTML中表单的提交一般会使用`<form>`标签，并在其中设置`action`和`method`属性。`action`属性定义了表单数据提交到...

解决layui中的form表单与button的点击事件冲突问题

10-18

在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...

input、button的不同type值在ajax提交表单时导致的陷阱

09-06

input标签的type属性可以取多种值，例如text、password、radio、checkbox、submit、reset、file等，而button标签的type属性也可以取多种值，例如submit、reset、button等。这些type值的不同将导致不同的行为和效果。...

用image来提交form不想使用button提交form

12-13

通常，我们使用`<button>`或`<input type="submit">`标签来创建一个提交按钮，但有时为了美观，开发者可能会选择使用图像（image）作为提交按钮。本文将详细讲解如何使用图像提交表单，以及解决可能出现的重复提交...

form表单中button自动提交表单

u012891504的专栏

11-15

401

在ie中，button默认的type是button，而其他浏览器和W3C标准中button默认的属性都是submit 所以需要要button自动提交表单的话就需要指定button的type="button"

JS button按钮实现submit按钮提交效果

10-21

今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧

＜button＞标签提交表单

Mr_Yangxiansheng的博客

12-08

1414

button标签分为提交、取消、重置和普通按钮。一个表单里有多个按钮，发现取消，重置按钮也提交了表单。这就是半路出家底子太薄的原因了！（对，我就是）废话不多说，上干活。官网的一句话请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。（看看自己是不是没有设置type类型啊！） ...

2023.11.21使用＜button＞元素来触发form表单和数据提交

最新发布

leigh_chen的博客

11-21

2365

除了使用``中的`submit`方式进行form表单和数据提交，还可以使用button方式，两种方式视使用场景，各有优点。

button提交 form表单

狼魂之力

09-04

505

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.net.URLDecoder"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+"

踩坑：form表单中button按钮，点击后提交表单

这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！

05-22

1301

我当时是在JSP中写的这段代码，我一直以为只是JSP的问题，然后又开始怀疑jQuery的问题，都没有解决。然后终于在网上找到了相关的文章。以下来自MDN的官网文档中的说明。

form表单内的button标签自动提交表单,刷新页面

gooodi的博客

01-10

1737

问题描述: (表象)页面内form表单中的button标签,点击后会刷新页面, 问题本质: form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。问题原因: button标签 Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 ...

JavaScript笔记-点击button提交form表单

IT1995的博客

03-10

5681

功能如下：点击购买后，点击确定。确定调用了一个js函数，提交form表达给后端代码如下： <div class="modal-footer"> <button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button> <button type="button" class="btn text-white border bg

提交button

喵酱

05-29

1425

这：button请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。