button的type属性

简介: button的type属性

button标签是按钮标签大家都知道,他有三个属性,在三个属性下,当然也会触发不同的效果,大家以后要养成写button标签的时候把type属性顺便也加上去,因为不同的浏览器的button的默认属类型是不同的,不然浏览器默认属性不是你所想要使用的属性时,你是很难找到哪里出现问题的,多半要去询问大佬来帮忙解决,不是说这个问题有多难,只是这个小细节一般不会考虑到下面就是button的三个属性


1.button属性(单纯一个按钮):


一般是button标签的默认属性,这个按钮是可以点击的按钮,大家应该一般情况下都会认为button标签就是这个用处


2.submit属性(表单提交按钮):


这个按钮是一个提交按钮,当然也是可以点击的,不同的是,点击按钮会提交表单并且刷新页面,可能就是因为没有加type属性,认为默认的就只是一个button属性,导致页面刷新,使得有些前端小可爱不知道哪里有毛病,找好久也不会发现是button的type的原因


3.reset属性


这个也好理解了,这个按钮是一个表单重置按钮,一般用于清除表单中的数据


所以说,大家以后最好还是把button的type属性加上比较好,防止不同浏览器使button按钮产生的不同效果导致的问题

 

相关文章
|
7月前
|
存储 JavaScript 前端开发
input标签的23种type类型
input标签的23种type类型
348 3
|
7月前
|
C# 数据库
c# dev Form1 gridview1使用Form2 gridview1的数据
c# dev Form1 gridview1使用Form2 gridview1的数据
|
2月前
|
数据安全/隐私保护
Input元素的type属性
【10月更文挑战第4天】Input元素的type属性。
37 6
|
2月前
|
Web App开发 数据可视化 JavaScript
input标签的type属性汇总
input标签的type属性汇总
118 0
|
2月前
|
JavaScript 前端开发
checkbox中checked属性总结
checkbox中checked属性总结
52 0
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
26 1
|
7月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
162 1
|
7月前
input type="button"和button的区别
input type="button"和button的区别
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
178 0
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
464 0