`
wenlongsust
  • 浏览: 67964 次
  • 性别: 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...

    HTML 表单基础知识.pdf

    `text`(文本框),`button`(按钮),`checkbox`(复选框),`file`(文件),`hidden`(隐藏字段),`image`(图像),`password`(密码框),`radio`(单选按钮),`reset`(重置按钮),`submit`(提交按钮)。...

    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表单组件示例代码运行效果如下: (此...

    html网页表单制作.doc

    当type的类型为reset时,表示该输入项输入的是重置按钮,单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。语法格式为:”reset” value=”…” name=”…”&gt; 五、单选框和复选框 1. 单选...

    使用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;/...

    中央电大《网页开发技术》第二次形考.pdf

    知识点:&lt;input&gt; 标签用于创建表单中的按钮,有三种类型:submit(提交按钮)、reset(重置按钮)和 button(普通按钮)。 6. 和表格不相关的标签是&lt;T&gt; ⋯ 。 知识点:&lt;T&gt; ⋯ &lt;/T&gt; 不是一个标准的 HTML 标签,而...

    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单词大全.doc

    * button:按钮 * checkbox:检验盒,引申为复选框 * radio:收音机、无线电设备,引申为单选按钮 * hidden:隐藏 * password:密码 * text:文本,正文,引申为单行文本框 * submit:提交 * reset:重置 * select:...

    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]); --------------------------------------------------------------------...

Global site tag (gtag.js) - Google Analytics