文档章节

button标签在浏览器之间的小差别

livend
 livend
发布于 2016/06/27 10:58
字数 179
阅读 32
收藏 0
点赞 1
评论 0

buttuon标签的默认提交方式

  • 一般情况下button标签都这样写 <input type="button" value="click me"/>
  • 但在项目中图方便使用了button标签 <button onclick="xxx();">click me</button>,于是在chrome和firefox中出现了点击button刷新页面的结果,本以为是jquery给button绑定了其他的点击事件,找半天没找着(吐槽下jquery,绑定的所有事件太尼玛难找了,每个js文件都可能出现。用react吧 ),但在ie中却是正常的
  • 结论是:button标签的type属性在firefox和chrome中默认是:submit 而在ie中默认是 button.

© 著作权归作者所有

共有 人打赏支持
livend
粉丝 2
博文 25
码字总数 10436
作品 0
杭州
程序员
和 的区别

<button> 标签定义一个按钮。 在 button 元素内部,您可以放置内容,比如文本或图像。 <button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </...

王阔 ⋅ 2012/07/20 ⋅ 4

button绑定onclick事件问题追踪

写个简单的demo看下 <button onclick="aa(this);">click</button> <script type="text/javascript"> function aa(obj){ obj.innerHTML=0; } </script> 这并不会触发浏览器页面刷新效果,加个......

只尺八寸 ⋅ 2015/12/09 ⋅ 0

前端浏览器JavaScript及CSS兼容总结

前端浏览器JavaScript及CSS兼容总结 一、 getElementById 【标准参考】 getElementById 是 Document 接口提供的方法,用于获取一个元素,该方法传入的参数应该是目标元素的 id 属性的值,目标...

pmlinjian ⋅ 2016/11/30 ⋅ 0

input type="button" 和button区别

来源: https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮,有四种办法: 1、 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。 2、 这样的按钮用户点击之...

codingcoge ⋅ 05/16 ⋅ 0

解决button 下面的 a 无法点击

在开发页面的时候,我很经常在button按钮标签下包裹一个a标签,例如: 我之前一直是这样的,在chrome浏览器下是完全没有问题的,但是在火狐和IE浏览器下就完全行不通了,无法点击。 这里有2...

极客教程 ⋅ 05/29 ⋅ 0

CSS 基础知识

CSS基础 1. CSS简述 CSS(Cascading Style Sheets) 中文全称为层叠样式表 。他是一种样式表语言用来描述HTML或者是XML文档中的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如...

熊蛋子17 ⋅ 2017/11/08 ⋅ 0

前端02.html基础

一、什么是html? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则。 浏览器按顺序渲染网页文件,然后根据标记...

苏浩智 ⋅ 2017/05/26 ⋅ 0

Web前端规范--HTML规范

1、html标签、html属性全部小写。 2、 文件应以”<!DOCTYPE … …>”首行顶格开始,推荐使用”<!DOCTYPE HTML>”。 3、必须声明文档的编码charset,且与文件本身编码保持一致,推荐使用UTF-8...

CharmyZ ⋅ 2016/10/20 ⋅ 0

4.1、Bootstrap V4自学之路------组件---按钮

1、一个示例 <!-- 确定按钮 --><button type="button" class="btn btn-primary">Primary</button> <!-- 次等按钮,比如取消--><button type="button" class="btn btn-secondary">Secondary<......

Asktao ⋅ 2016/03/23 ⋅ 0

前端基础---HTML

web服务的本质: 服务端 import socketsock=socket.socket()sock.bind(("127.0.0.1",8800))sock.listen(5) while 1: print("waiting....") conn,addr=sock.accept() data=conn.recv(1024) pr......

迟到的栋子 ⋅ 2017/09/22 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【elasticsearch】 随笔 Date datatype

一。时间类型的本质 首先json是没有时间类型的,对于es来说,时间类型的标示可以是下面三种情况 1.一个时间格式的字符串,如:"2014-11-27T08:05:32Z","2015-01-01" or "2015/01/01 12:10:3...

xiaomin0322 ⋅ 22分钟前 ⋅ 0

阿里云资源编排ROS使用教程

阿里云资源编排ROS详细内容: 阿里云资源编排ROS使用教程 资源编排(Resource Orchestration)是一种简单易用的云计算资源管理和自动化运维服务。用户通过模板描述多个云计算资源的依赖关系、...

mcy0425 ⋅ 24分钟前 ⋅ 0

适配器设计模式

1、适配器模式 把一个类的接口变换成客户端所期待的另一种接口 使原本因接口不匹配而无法在一起工作的两个类能够在一起工作 分为类的适配器模式和对象的适配器模式 2、类适配器模式 类的适配...

职业搬砖20年 ⋅ 28分钟前 ⋅ 0

npm操作报错 _stream_writable.js:61

有一天 不知道什么原因(估计和node的版本有关),无论你做什么npm的操作 都会报错/usr/local/lib/node_modules/npm/node_modules/readable-stream/lib/_stream_writable.js:61 这时候只要执...

lilugirl ⋅ 32分钟前 ⋅ 0

Eclipse安装插件的几种方式

Eclipse魅力之一就是支持可扩展的插件,来丰富自身的功能,这种方式也是建立在开源思想之上的。具体使用什么方式去安装插件,要看我们拿到的是什么。 1. 拿到的是一串URL,如http://subclips...

GordonNemo ⋅ 34分钟前 ⋅ 0

div图片叠加

css实现代码如下: <div style="position: relative;"><!--这个层为外面的父层,需设置相对位置样式--> <div style="position: absolute;"><!--子层,需设置绝对位置样式--> <i......

niithub ⋅ 36分钟前 ⋅ 0

作用域slot

如果父组件需要使用子组件中的内容怎么办,比如父组件需要控制子组件的显示 <div id="root"><child><template slot-scope="props"><h1>{{props.item}} <div>编辑</div></h1><......

金于虎 ⋅ 38分钟前 ⋅ 1

HongHu commonservice-eureka 项目构建过程

上一篇我们回顾了关于 spring cloud eureka的相关基础知识,现在我们针对于HongHu cloud的eureka项目做以下构建,整个构建的过程很简单,我会将每一步都构建过程记录下来,希望可以帮助到大家...

明理萝 ⋅ 41分钟前 ⋅ 1

xml和对象的相互转化

@Data//setter和getter方法,toString和equals,hashcode方法@EqualsAndHashCode//代表重写equals和hashcode方法@XmlAccessorType(XmlAccessType.FIELD)public class Classroom {@X......

拐美人 ⋅ 41分钟前 ⋅ 0

tableView cell的高度 分组头部尾部的高度 自适应

@property (nonatomic) CGFloat rowHeight; // default is UITableViewAutomaticDimension@property (nonatomic) CGFloat sectionHeaderHeight; // default is UITableViewA......

娜一片蓝色星海 ⋅ 43分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部