最近几天，测试系统，遇到一个兼容性问题，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"/>标签，结果就好了！
关于<button></button>标签和<intput type="button"/>标签的区别，大家请百度！^_^
看来以后还是要深入了解一些关于HTML标准的问题~
原文地址：http://blog.csdn.net/xiaolongzaixian/article/details/41912747
相关推荐
在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...
在Web开发中，表单重复提交是一个常见的问题，可能导致数据的冗余或错误。JavaScript作为客户端脚本语言，可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点： 1. **禁用提交按钮**：最...
在HTML中，`<form>`标签用于创建一个表单，其中包含各种输入元素，如`<input>`（文本框、密码框、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）和`<button>`（提交或重置按钮）。...
在网页设计中，表单（Form）是一种至关重要的元素，它允许用户向服务器提交数据，进行各种交互操作，如注册、登录、搜索等。本文将深入探讨“简单的form表单模板”及其相关知识点。 首先，我们需要了解HTML中的`...
当我们遇到使用layui框架开发的Web页面中form表单点击无反应的问题时，可以通过特定的解决方法来修复此问题。Layui是一个前端UI框架，它提供了一套简洁的CSS和JS代码模块，用以快速构建界面和交互效果。Layui的模块...
在ASP.NET中，我们经常需要处理用户输入，并且有时会遇到需求，需要提供一个“清空”或“重置”按钮，以便用户可以快速清除表单中的所有输入。本文将详细介绍如何在ASP.NET中实现这样一个功能。 首先，我们需要理解...
在这个例子中，我们创建了一个名为`userDiv`的弹出框，包含一个`layui-form`表单`userForm`。表单中有用户名、密码和确认密码等输入字段，以及一个用于上传头像的按钮`#test1`。值得注意的是，表单的`enctype`属性被...
2、提交表单，获取不到form表单中的数据。 有人说，是因为给了一个id，并没有给name属性，用惯了jquery。我懒得去找这个问题，因为，以前提交数据使用jQuery的form提交的话用的是实例化的方法serialzeab
此外，如果想要在某个特定事件（如按钮点击）后重置表单，可以将上述代码封装到一个函数中，然后绑定到对应的事件处理程序： ```javascript // 创建一个函数来重置表单 function resetForm() { var form = $('#...
在React开发中，处理表单逻辑往往是一项繁琐的任务，需要处理用户输入、验证、状态管理以及提交等过程。为了解决这个问题，社区引入了像Formik这样的库，它提供了一种简单、优雅的方式来处理React应用中的表单。本文...
name定义input元素名称/value/checked/maxlength最大长度/submit提交/reset重置/button普通按钮"> 注意： ①input是一个单标签 不独占一行 ②name是表单元素名字 要求单选框和复选框都要有相同的name...
常见的表单元素包括`<input>`（用于文本输入、密码输入、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉菜单）和`<button>`（提交按钮）。 2. **CSS美化**： 使用CSS可以改变表单元素的...
在这个例子中，用户在文本框中输入查询内容后，点击"提交查询内容"按钮，表单数据会被发送到`/submit-query`这个URL进行处理。 另一方面，`type="reset"`的`<input>`标签则创建了一个重置按钮。这个按钮的作用是...
这个`validateForm`函数遍历了表单中的所有元素，忽略掉非输入类型和提交、重置、按钮等元素，然后比较每个元素的默认值（`defaultValue`）和当前值（`value`）。如果有任何元素的值发生了改变，函数就会返回`true`...
它根据元素的类型（文本、密码、复选框、单选按钮、下拉列表等）采取不同的清理策略，确保每个元素被正确重置。 ```javascript function clearForm(form) { $(':input', form).each(function() { // 清理逻辑......
在表单设计中，通常会有几种类型的按钮，包括提交按钮（submit）、重置按钮（reset）、普通按钮（button）等。其中，重置按钮的作用是将表单中的所有输入字段恢复到初始状态，即在表单第一次加载时的空值或预设值。 ...
HTML中的`<form>`标签用于定义表单，它可以包含各种表单元素如`<input>`（文本框、密码框、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉菜单）以及`<button>`（提交或重置按钮）等。...
- 在form提交过程中，可以通过设置input或button元素的formaction、formenctype、formmethod和formtarget属性来覆盖form元素的同名属性值。 - hidden类型的input元素用于创建一个对于用户不可见的表单字段，通常...
表单由一系列的表单元素组成，包括文本框、密码框、单选框、复选框、下拉菜单等，这些元素通过`<input>`标签实现。 #### 表单基本语法 表单的基本结构由`<form>`标签定义，其语法如下： ```html <form action=...