＜button＞标签 提交表单

最新推荐文章于 2023-11-21 14:20:07 发布
最新推荐文章于 2023-11-21 14:20:07 发布
阅读量1.3k 收藏
点赞数 4
文章标签： 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_Yangxiansheng/article/details/121802887
版权

button标签分为提交、取消、重置和普通按钮。

一个表单里有多个按钮，发现取消，重置按钮也提交了表单。这就是半路出家底子太薄的原因了！（对，我就是）废话不多说，上干活。

官网的一句话

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

（看看自己是不是没有设置type类型啊！）

Mr_Yangxiansheng
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
关于layui表单中按钮自动提交的解决方法
10-16
另一个解决方案是使用`<a>`标签模拟按钮，因为`<a>`标签不会导致表单提交。你可以通过CSS样式来使它看起来像按钮： ```html <form> <!-- 表单内容 --> <a class="layui-btn" onclick="mySubmitFunction()">提交...
表单提交之“button/submit“
cold的博客
07-18 1142
(1)type=“button” 往往是结合JS，提交数据，没有写js，点击后无事发生 (2)type=“submit” 直接提交数据，不结合js (3)button标签，和（1）一样，往往不常用，因为浏览器解析value结果不同，有的是value值，有的是标签前后的内容 ...
踩坑：form表单中button按钮，点击后提交表单
这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！
05-22 1053
我当时是在JSP中写的这段代码，我一直以为只是JSP的问题，然后又开始怀疑jQuery的问题，都没有解决。然后终于在网上找到了相关的文章。以下来自MDN的官网文档中的说明。
提交表单~
AturboS的博客
08-09 1666
.1提交表单 表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。 点击下面例子中定义的所有按钮都可以提交它们所在的表单： <!-- 通用提交按钮--> <input type="submit" value="Submit Form"> <!--..
layui踩坑记录之form表单下的button按钮默认自动提交
acoolgiser的博客
07-21 2325
因此，当我们在使用form的时候，如果没有添加标准的提交按钮，会自动默认把其他的普通按钮认为是提交按钮，因为button的type默认值为“submit”。其实就是使用form的时候，应该对应有一个提交按钮，配套使用。其他功能按钮相加多少就加多少，但是必须要有一个提交按钮。2.在不需要提交的场景使用form时尽量使用a标签按钮来代替button，比如筛选功能中的查询按钮；1.在form中使用button时添加type属性：button、submit、reset；layui的官网说的也是比较清楚的，通过。
2023.11.21使用＜button＞元素来触发form表单和数据提交
最新发布
leigh_chen的博客
11-21 1803
除了使用``中的`submit`方式进行form表单和数据提交，还可以使用button方式，两种方式视使用场景，各有优点。
被遗忘掉的button标签
09-28
`<button>`不仅可以像`<input>`那样用于提交表单，还允许包含HTML内容，如图像，这在样式控制和交互设计上提供了更大的自由度。 比较`<input type="submit">`和`<button type="submit">`，两者在功能上并无显著区别...
Ajax提交Form表单页面仍会刷新问题的快速解决办法
10-20
在表单中，通常会有提交按钮（`<input type="submit">`或`<button>`），当用户点击这个按钮时，浏览器会默认提交表单数据到服务器，导致页面刷新。然而，如果我们希望使用Ajax来提交表单，就需要阻止这种默认行为。 ...
用文字链接代替表单提交的按钮
12-11
在`<form>`标签内部，我们可以放置各种输入元素，如`<input>`（用于文本输入）、`<select>`（下拉列表）以及`<button>`（用于提交表单）。表单的提交行为通常是通过点击`<button>`元素或按下回车键触发的。 为了用...
简单联系信息提交表单网页模板
01-22
4. **表单元素**：包括`<form>`标签定义整个表单，`<input>`标签创建输入框，`<textarea>`用于多行文本输入，`<label>`为输入框提供描述性文字，`<button>`定义提交或重置按钮。 5. **表单验证**：通过JavaScript...
用button提交表单php,JavaScript在form表单中使用button按钮实现submit提交方法
weixin_32597009的博客
03-11 1745
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaS...
button按钮提交表单问题
牧小七的博客
02-24 2251
问题描述： 表单中嵌套按钮，在点击按钮时会自动提交表单 <form action="/save"> <button>提交</button> </form> 原因分析： 表单中的button按钮，没有指定 type="button"，则默认是 submit 类型，所以当点击按钮时会提交表单 解决方案： 在 button 标签中添加 type="button" 属性 <form action="/save"> <button
button表单控件之可提交与不可提交
barbed的博客
09-12 731
1.可提交的 如果是写在form表单内：能提交 <button>提交</button> type为submit能提交 <input type="submit" value="提交"> <button type="submit">提交按钮</button> 2.不可提交的 如果是写在form表单外，不可提交 <button>提交</button> type为button 不能提交 <button t
关于提交表单button与input type=“button“--项目笔记
无
09-03 663
关于提交表单button与input type="button"--项目笔记
JavaScript笔记-点击button提交form表单
IT1995的博客
03-10 5524
功能如下： 点击购买后，点击确定。 确定调用了一个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按钮提交form表单
weixin_44897718的博客
10-15 2565
Button按钮提交form表单 function userlogin(){ document.getElementById("userlogin").submit(); } <form id="userlogin"> <button class="btn btn-lg" οnclick="userlogin()">登录</button> </fo...
点击button自动提交表单原因及解决方案
Gabriel576282253的专栏
04-01 964
分析 情景描述 有时候我们可能需要在表单中放置多个按钮，比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件，在单击响应事件中进行提交表单，这没有任何问题。点击取消按钮的时候，触发对应的单击响应事件，这个单击响应事件中主要处理关闭表单页面逻辑，所以会关闭页面，这也正常。但是！打开控制台监听请求会发现，它也会提交表单。 图示 关于途中三个按钮的代码片段 <!-- 新增...
button按钮提交form表单的js方法不要使用关键字login
clm20482的博客
07-12 175
在使用button按钮提交form表单时，js方法不要使用关键字login，否则你会遇到莫名其妙的警告而无法正常执行！ js代码如下： function login(){ var...
HTML5表单处理：<button>标签详解与应用
value属性决定了按钮上显示的文字内容，而type属性则定义了按钮的行为，type="submit"用于提交表单，type="reset"重置表单内容，type="button"则是自定义功能按钮。 HTML5在表单处理方面引入了诸多新特性，比如更...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值