button type属性

最新推荐文章于 2024-01-07 08:08:27 发布
最新推荐文章于 2024-01-07 08:08:27 发布
阅读量3.9k 收藏 5
点赞数
分类专栏： 前端一大锅“坑” 文章标签： button type属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thunderevil35/article/details/80941725
版权

button type属性

submit 该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）

button 该按钮是可点击的按钮（Internet Explorer 的默认值）

reset 该按钮是重置按钮（清除表单数据）

总结：

其他浏览器（除IE浏览器）中，如果button没有设置type属性，默认值为type="submit"，会进行跳转页面和提交数据的操作，假如想进行使用ajax表单提交而且不进行跳转，必须设置成type="button"

IE浏览器button默认type属性是type="button"

MrShyZhang
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
「HTML和CSS入门指南」button 标签详解
a451319296的博客
06-04 3540
button 标签是一个重要的标签，在 HTML 中用于创建按钮。使用 button 标签可以帮助您收集用户点击并执行相应的动作。在使用 button 标签时，请注意选择正确的属性和方法、提供适当的标签、描述文本和无障碍功能、验证表单数据，并避免样式和行为问题。
Button未设type属性时在非IE6/7中具有submit特性并自动提交form
09-25
Button按钮未设type属性时在非IE6/7中具有submit特性，不知道大家有没有测试过吧，看下代码或许对你有所帮助
Button标签三种type
u012784131的博客
08-13 1万+
为什么用button标签？ 在做订单付款功能时，偶尔遇到一些前端模版里的“付款”按钮使用的button标签，在直接点击后无法提交表单数据。原因在<button>标签里有type="button" 一项，因为<input>标签里也有type="button"属性，故而没有注意到。现在来看看为什么使用button标签： <input>和<button&gt...
Html中button元素type属性 or element-ui中的native-type属性
lazy_tomato的博客
04-15 3051
今天在使用element-ui的表单的时候，点击了一个普通的按钮，表单数据清空了。有点意思，写个文档记录一下。 本地演示的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
button标签定义type属性
didiliu_1111的博客
03-06 3823
开发时候遇到一个很头大的问题，每次点button，不会走onclick定义的方法，而是走提交onsubmit的方法。&lt;form action="跳转到页面2" onsubmit="check()"&gt; &lt;button onclick="method1(“跳转到页面1”)"&gt;&lt;/button&gt; &lt;/form&gt;其实原因很简单，但是也是非常
button的type属性
最新发布
Mxy18851251178的博客
01-07 710
button标签是按钮标签大家都知道，他有三个属性，在三个属性下，当然也会触发不同的效果，大家以后要养成写button标签的时候把type属性顺便也加上去，因为不同的浏览器的button的默认属类型是不同的，不然浏览器默认属性不是你所想要使用的属性时，你是很难找到哪里出现问题的，多半要去询问大佬来帮忙解决，不是说这个问题有多难，只是这个小细节一般不会考虑到下面就是button的三个属性。一般是button标签的默认属性，这个按钮是可以点击的按钮，大家应该一般情况下都会认为button标签就是这个用处。
button标签的type属性
SmilebabyGuo
09-25 6829
button的type属性: IE:默认type="button" 除IE以外的浏览器:默认type="submit" 编辑 用button标签时,如果不定义type属性,在除 IE 以外的浏览器会执行表单提交. 所以在使用button标签时明确的定义type值,以免出现问题.
button标签的属性:type="button"
shine瑞子
02-20 7998
<button>标签是定义一个按钮。 问题分析：写好一个按钮之后，进行点击测试，发现页面会自动刷新。 问题原因：按钮规定type属性：Internet Explorer 的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"。 解决方法：在button元素内部，添加属性type="button"即可。 ...
button之type
Ping果狸的博客
01-31 1035
button之type button标签的type属性值有三种：submit、button、reset； 在使用button标签时要始终为按钮规定 type 属性。因为Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。 如果不为button标签规定type属性，就容易出现点击页面按钮就自动刷新页面的情况。
layui 省市区 三联下拉框插件 父子页面传值问题
liangdingguo的博客
01-29 854
1 问题 table列表的省市区的值怎么传到弹出层的下面向这样 插件地址https://fly.layui.com/extend/layarea/ 父源码 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head lang="en"> <meta charset=...
微信小程序button标签open-type属性原理解析
10-15
主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
input、button的不同type值在ajax提交表单时导致的陷阱
01-21
今天在做利用connection 作表单提交过程中发现，标签”input”跟”botton”中的type属性设置原来也是一门学问。 在开发过程中，为了使html代码更加整洁，我首先利用YAHOO.util.Event.addListener(obj, “click”, ...
JS中type=”button”和type=”submit”的区别
12-08
　(2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 　但是对于从事WEB...
按钮组大总结，赶紧收着《二》
sxtweb的博客
08-31 1525
在网页中用户交互过程中，按钮是必不可少的重要组件之一，关羽它的设计与实现，我们在网页标签中定义为< button type=“button”>< /button>或者< input type=“button”/>。关于问题的描述，在这里我们来说一说< button>标签中特有的属性含义。 按钮(button)一共有四种分类：1.重置按钮 2.提交按钮 3.普通按钮 4.图片按钮 重置按钮< input typpe=“reset” value=“按钮名”&
注意你的button标签type的默认属性值
choumoyin5005的博客
10-10 1849
HTML <button>是我比较喜欢使用的标签，经常用来取代 <input>标签的type属性值(button,submit,reset)。在我的概念中我觉的<button>是比较有语义性的标签，用它做表单按钮是比较合适的选择。 <button&g...
使用Html中button标签的type属性默认值
qq_56028947的博客
04-16 2716
Html中Button标签的type属性默认值问题
前端入门学习笔记四
m0_65384293的博客
11-22 84
前端入门学习笔记
前端＜button＞标签踩的坑，type默认值是submit
渣渣的成长之路
11-23 888
<button>标签如果没有加type，那么默认值是submit，这样提交后就会刷新。 之前老师讲课过就提到过，可是自己在应用中还是明知故犯了。。。
字符串转对象的三种方式
热门推荐
Mr.ShyZhang趟过的前端“小路坑”
06-23 6万+
JSON.parse( str )// 定义一个对象字符串 var str = '{"error":1,"data":"用户不存在"}'; // 使用JSON.parse() var obj = JSON.parse(str); // 输出该对象 console.log(obj); eval("("+str+")")// 定义一个对象字符串 var str = '{"error":1,&
antdesignpro Button type属性
06-06
其中，`type` 属性用于设置按钮的类型，可以根据不同的需求来设置不同的值，以下是常用的几种类型： - `primary`: 主要按钮，通常为蓝色，表示主要操作。 - `default`: 默认按钮，通常为灰色，表示次要操作。 - `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值