`
zhouyrt
  • 浏览: 1173192 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Button未设type属性时在非IE6/7中具有submit特性

 
阅读更多

如下

<!DOCTYPE html>
<html>
	<head>
		<title>Button在Form中具有submit的特性</title>
		<meta charset="utf-8">
	</head>
	<body>
		<form onsubmit="alert(3)">
			<input name="uname"/>
			<button onclick="alert(1)">BUTTON</button>
		</form>
	</body>
</html>

 

光变置入输入域,敲回车键。非IE6、7中会依次弹出 1, 3。说明依次触发了button的click事件,且自动将form提交了。

 

相关:

http://www.w3.org/TR/html5/forms.html#the-button-element

分享到:
评论

相关推荐

    Button未设type属性时在非IE6/7中具有submit特性并自动提交form

    本文将深入探讨`&lt;button&gt;`元素在没有设定`type`属性时的行为,特别是其在非IE6/7浏览器中的submit特性。 首先,按照W3C HTML5规范(http://www.w3.org/TR/html5/forms.html#the-button-element),`&lt;button&gt;`元素有...

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。 在javaScript中关于submit和button的...

    submit和button的区别

    如果需要`button`按钮完成表单提交,可以在JavaScript中手动调用`document.form1.submit()`来实现。这种方式适用于有多个提交按钮的场景,可以根据用户的选择来确定提交到哪个控制器。 例如,如果你希望所有提交都...

    html中submit和button的区别

    在探讨HTML中`submit`和`button`的区别之前,我们首先需要明确这两个元素的基本概念以及它们在网页设计和开发中的作用。HTML,全称为HyperText Markup Language,是用于创建网页的标准标记语言。在HTML中,`&lt;input&gt;`...

    IE6、IE7、IE8对css和js支持方面差异的研究

    - IE8将&lt;button&gt;解释为`type="submit"`,而IE6和IE7默认为`type="button"`。 11. **CSS选择器和浏览器兼容性**: - IE8开始支持更符合W3C标准的选择器,例如`querySelector`和`querySelectorAll`,同时引入了...

    微信小程序button标签open-type属性原理解析

    这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信开放能力):合法值中的其中之一...

    button在IE6/7下的黑边去除方案

    好久没有处理过IE6下的兼容问题了,今天有朋友碰到过input[type="submit"]和button[type="submit"]在IE6-7下会出现黑边,就算是你在样式中重置了一个border属性也是如此。真是蛋疼的很。后来经过查找相关的资料,...

    JS中type="button"和type="submit"的区别

    当用户点击这个类型的按钮时,表单会立刻被提交,并且表单中的所有具有`name`属性的输入元素(如`input`、`button`、`select`等)会被转化为键值对并发送到服务器。值得注意的是,`type="submit"`按钮本身并不会作为...

    button没有指定type为submit点击按钮跳转不到指定url

    然而,正如题目所描述的问题,如果`&lt;button&gt;`元素没有指定`type`属性,或者没有将其设置为`submit`,在某些浏览器中,特别是旧版本的Internet Explorer(例如IE6、IE7),点击按钮可能不会触发表单的提交动作,导致...

    JS中type=”button”和type=”submit”的区别

    当用户点击`type="submit"`的按钮或按下回车键时,表单会执行默认的提交行为,即调用`form.submit()`方法,将表单内所有具有`name`属性的元素作为键值对发送到服务器。值得注意的是,`type="submit"`按钮自身并不会...

    IE6/7下多种方法移除button、input 默认边框和去掉焦点线

    在网页设计中,尤其是在兼容旧版浏览器如IE6和IE7时,经常遇到的一个问题是button和input元素默认的边框以及获取焦点时的焦点线,这些可能会对整体页面的美观性造成影响。以下将详细解释如何在IE6/7下移除这些元素的...

    Android代码-SubmitButton

    在Android开发中,`SubmitButton`通常指的是一个用于提交用户输入或者执行特定操作的按钮组件。在Android系统中,按钮的实现主要依赖于`android.widget.Button`类,它是`View`类的一个子类,用于显示文本并响应点击...

    button按钮在 IE 中两边被拉伸的解决办法

    标题中的“button按钮在IE中两边被拉伸的解决办法”是一个常见的前端开发问题,尤其在处理跨浏览器兼容性时。在Internet Explorer(IE)浏览器中,HTML的`&lt;button&gt;`元素可能会出现样式异常,例如按钮的内容被拉伸,...

    致WEB前端开发者:IE6-IE11兼容性问题列表及解决办法

    3. Button 标签的默认类型:在 IE8 中,Button 标签的默认类型从 button 改为 submit。解决办法是,明确指定 Button 标签的类型。 4. COL 和 COLGROUP 元素支持:IE8 中不再支持 COL 及 COLGROUP 元素的部分属性及为...

    html5--button

    7. **兼容性**:虽然HTML5的`&lt;button&gt;`元素在现代浏览器中表现良好,但为了确保向后兼容,应始终提供`type`属性,特别是在老版本的IE浏览器中。 综上所述,HTML5的`&lt;button&gt;`元素在网页设计中具有广泛的应用,通过...

    IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素

    这里提到的问题是关于IE6、IE7以及在IE8、9、10中使用IE7兼容模式下,对于绝对定位(absolute)或相对定位(relative)的父元素和子元素的显示与隐藏的一个特定bug。这个bug主要涉及到元素的`display`属性。 通常,...

Global site tag (gtag.js) - Google Analytics