`
wenlongsust
  • 浏览: 66432 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置

 
阅读更多

最近几天,测试系统,遇到一个兼容性问题,form中有一个button按钮,没有指定type类型,点击按钮弹出框选择值之后回填给form上的一个单行文本框,在IE6、IE7、IE8、IE9、IE10中测试都没有问题,唯独IE11中,弹出框关闭之后,单行文本框接收到弹出框的返回值之后,form所在的父页面自动刷新了一次,导致form中的值全部被重置了


刚开始,还以为是系统所用的Web框架不兼容IE11,经过反复测试发现,系统中有一些弹出框关闭之后,父页面是不会自动刷新的,于是开始慢慢对比源代码,最后还是找到了差异,<button></button>标签和<intput type="button"/>标签还是有很大区别的,尤其在IE11的测试环境


关于<button></button>标签和<intput type="button"/>标签的区别,这里有篇帖子已经说得很清楚了

网址:http://www.cnblogs.com/purediy/archive/2012/06/10/2544184.html


看来以后还是要深入了解一些关于HTML标准的问题~

分享到:
评论

相关推荐

    前端与移动开发之表单

    name定义input元素名称/value/checked/maxlength最大长度/submit提交/reset重置/button普通按钮"&gt; 注意: ①input是一个单标签 不独占一行 ②name是表单元素名字 要求单选框和复选框都要有相同的name...

    angular-resetform:在 angular js 中重置表单变得如此简单,woooooo

    角度重置该指令帮助用户在没有 javascript 代码行的情况下重置表单数据。 查看文档以获取更多详细信息入门.凉亭安装 bower install angular-resetform安装 npm install angular-resetform在您的模块中添加依赖项 var...

    微信小程序组件系列:form表单讲解

     组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 form表单组件用法:  重置:&lt;button formType="reset"&gt;Reset&lt;/button&gt; form表单组件示例代码运行效果如下: (此...

    使用jQuery重置(reset)表单的方法

    主要介绍了使用jQuery重置(reset)表单的方法,需要的朋友可以参考下

    表单与javascript

    表单与javascript的课件,ppt中有源码,可以直接复制过来运行,是很好的教学资源: 表单元素事件: 文本域事件 按钮事件 复选框事件 单选按钮事件 表单有效性验证: &lt;HTML&gt; &lt;HEAD&gt;&lt;TITLE&gt;表单对象的事件 ...

    小程序极速实战开发《九》form表单

    组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。   组件用法: 重置:&lt;button formType="reset"&gt;Reset&lt;/button&gt;     (此图片来源于网络,如有侵权,请联系删除!...

    BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑

    BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。 我这样写了之后 (代码如下) ,点击其它按钮仍会触发验证… 1.错误代码 //示意 &lt;form&gt; ... &lt;button type="submit"&gt;提交&lt;/...

    js对象层次• navigator •screen•window

    • navigator • screen • window o history o location o frames[];... 重置按钮对象  选择区(下拉菜单、列表)对象  选择项对象  提交按钮对象  文本框对象  多行文本输入区对象  图片对象

    JavaScript实现重置表单(reset)的方法

    本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下: 下面的代码可以对表单内的输入数据进行重置 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] function form...

    IE中的File域无法清空使用jQuery重设File域

    有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单,但是问题来了,其他浏览器都没啥问难题,直接reset form或者是触发type为reset的button的click事件就OK了,但是IE却奇葩了,IE中的File域无法清空,...

    html入门到放弃笔记

    1、编写一对 body 标记,在body标记中,嵌套一对 div标记,在 div 标记中 ,嵌套一对 a 标记,在 a标记中,嵌套一对 b 标记,b标记中,随意编写一些文本 &lt;body&gt; 这是一段测试文本 &lt;/body&gt; ...

    YII2.0之Activeform表单组件用法实例

    本文实例讲述了YII2.0之Activeform表单组件用法。分享给大家供大家参考,具体如下: Activeform 文本框:textInput();...提交按钮:submitButton(); 重置按钮:resetButtun(); &lt;?php $form = ActiveF

    Ajax提交表单页面刷新很快的解决方法

    注:使用ajax 提交表单时 type类型最好不用submit 用button合适 &lt;form&gt; &lt;input type=button class=btn btn-info value=重置 onclick=return resetaa()&gt; &lt;input type=button class=btn btn-...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在IE中,刷新的时候FLASH无法加载(详细可见我之前的debug过程) 在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 ...

    HTML开发王

    10.3 使用button元素创建按钮 10.4 组合框控件和列表框控件 10.4.1 创建组合框控件和列表框控件 10.4.2 成组选项 10.4.3 关于预先选定选项 10.5 创建多行文本框(textarea元素) 10.6 使用isindex元素创建文本框 10.7 ...

    jQuery完全实例.rar

    在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    高效整洁CSS代码原则

    CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Reset  不同浏览器...

    css笔记课程笔记2019,5,22

    * 普通按钮 type="button" 6、div和span * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * ...

    从入门到精通HTML5——PDF——网盘链接

     9.3.6 提交按钮——submit 191  9.3.7 重置按钮——reset 192  9.3.8 图像域——image 193  9.3.9 隐藏域——hidden 195  9.3.10 文件域——file 195  9.4 列表/菜单标记 197  9.5 文本域标记——...

Global site tag (gtag.js) - Google Analytics