button的type属性

简介: button的type属性

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


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


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


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


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


3.reset属性


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


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

 

相关文章
|
2月前
|
存储 JavaScript 前端开发
input标签的23种type类型
input标签的23种type类型
47 3
|
4月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
5天前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
18 1
|
4月前
input type="button"和button的区别
input type="button"和button的区别
|
7月前
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
|
10月前
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
52 0
|
10月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
|
JavaScript 前端开发
Vue——04-02v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
103 0
报错ContentView_Previews is not a member type of 'TextField'解决
报错ContentView_Previews is not a member type of 'TextField'解决
100 0
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错