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

前端技术 2023/09/01 CSS
代码如下

复制代码
代码如下:

<!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

本文地址:https://www.stayed.cn/item/2876

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。