Button未设type属性时在非IE6/7中具有submit特性并自动提交form
(编辑：jimmy 日期: 2024/11/17 浏览：3 次 )
代码如下
复制代码代码如下:
<!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
复制代码代码如下:
<!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
下一篇：仿网易nec首页动画效果(实现原理+代码)