为什么要在<button>元素中添加type属性

在HTML中<button> 标签定义一个按钮。

<button type="button">Click Me!</button>

在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<input type="button" value="Click Me!">

button既然定义了一个按钮,那么为什么还要为其添加type属性呢?

button标签的type属性有3个值

w3school中是这样写的:

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

所以,在使用 button标签时应明确的为其设定 type 属性,可以避免因为浏览器默认属性值不同导致按钮类型出现差异。

原文地址:https://www.cnblogs.com/yuer20180726/p/11028954.html

时间: 2024-08-27 23:46:16

为什么要在<button>元素中添加type属性的相关文章

Struts2 中result type属性说明

Struts2 中result type属性说明 首先看一下在struts-default.xml中对于result-type的定义: <result-types><result-type name="chain" class="com.opensymphony.xwork2.ActionChainResult"/><result-type name="dispatcher" class="org.apac

在button中添加 type=&quot;button&quot;和不添加的区别

<button  type="button"  class="btn btn-success" onclick="page.search()">搜索</button> 我在项目中通过按钮搜索的时候  其中一个页面没有给button添加type="button" 时  点击搜索会重新进入页面 后台百度才知道  Internet Explorer 的默认类型是 "button",而其他浏

struts2.xml 中result type属性说明

chain           用来处理Action链,被跳转的action中仍能获取上个页面的值,如request信息.           com.opensymphony.xwork2.ActionChainResult       dispatcher           用来转向页面,通常处理JSP           org.apache.struts2.dispatcher.ServletDispatcherResult       freemaker           处理Fr

html input元素的所有type属性

1 <input /> 2 属性 3 type="text" 输入框的类型为文本 4 type="password" 输入框的类型为密码 5 type="radio" 输入框的类型为单选 6 type="checkbox" 输入框的类型为多选 7 type="file" 输入框的类型为上传文件 8 type="submit" 输入框的类型为提交页面 9 type="

日期控件的点击事件,在js中添加callback属性,不在html中直接添加

总结如下: 1. callback的data是点击事件(事件控件)完成后的回调的日期 2. return true后才能改变值,return false不能改变值 3. \ 是转义,因为在""中不能直接下一行 4. ""里面必须都是'' 5. ''里面必须都是"" 6. 最后还要加上重新注册,是parent()下的重新注册 example: //点击开始日期触发请假天数改变 $('#leave_startTime').attr("cal

在UITextview中添加链接属性的文字

let termsAndPrivacyLabel = UITextView(frame: CGRect(x: 24/2, y: 0, width: width, height: height)) let string = "By signing up, you agree to the Terms of Use & Privacy Policy." let text = NSMutableAttributedString(string: string, attributes:

Vue.set 向响应式对象中添加响应式属性,及设置数组元素触发视图更新

一.为什么需要使用Vue.set? vue中不能检测到数组和对象的两种变化: 1.数组长度的变化 vm.arr.length = 4 2.数组通过索引值修改内容 vm.arr[1] = ‘aa’ Vue.$set(target,key,value):可以动态的给数组.对象添加和修改数据,并更新视图中数据的显示. vue在构造函数new Vue()时,就通过Object.defineProperty中的getter和setter 这两个方法,完成了对数据的绑定.所以直接通过vm.arr[1] =

button元素兼容问题浅析

缺省type属性值 <button>提交</button> button元素的type属性值有submit.button可选,在上面这种没有明确指出type值的情况下,浏览器的缺省值不一样: IE6.IE7.IE8兼容模式缺省是 type="button",其它浏览器缺省是 type="submit" ,要验证这点可以把它放到form表单元素中,点击按钮看是否做了提交操作:演示DEMO click事件劫持 在IE6.IE7.IE8中当butt

第 10 章 表单元素[中]

学习要点: 1.type 属性总汇 2.type 属性解析 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中 input 元素的 type 属性,根据不同的值来显示不同的输入框. 一.type 属性总汇 input 元素可以用来生成一个供用户输入数据的简单文本框.在默认的情况下,什么样的数据均可以输入.而通过不同的属性值,可以限制输入的内容. 属性名称 说明 text 一个单行文本框,默认行为 password 隐藏字符的密码框 search 搜索框,在某些浏览器键入内容会出现叉标记取消 s