`
zhouyrt
  • 浏览: 1128810 次
  • 性别: 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

    Button按钮未设type属性时在非IE6/7中具有submit特性,不知道大家有没有测试过吧,看下代码或许对你有所帮助

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

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

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

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

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

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

    html中submit和button的区别

    html中submit和button的区别

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

    Submit是专门用于提交表单的Button,与Button的区别主要有两点:type=button 就单纯是按钮功能,type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别,感兴趣的的朋友一起看看吧

    submit和button的区别

    submit 是 button 的一个特例,也是 button 的一种,它把提交这个动作自动集 成了。 如果表单在点击提交按钮后需要用 JS 进行处理 (包括输入验证) 后再提交的话, 通常都必须把 submit 改成 button ,即取消其...

    IE6、IE7中获取Button元素的值的bug说明

    测试代码如下: 代码如下: &lt;button value=”abc”&gt;测试&lt;/button&gt; [removed] var btn = document.getElementsByTagName(‘button’)[0]; alert&#40;...IE6/7 中返回的是innerHTML,实现错误。

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

     (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。  但是对于从事WEB...

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

    一、去掉边框: ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。 实现方式一:设置CSS: 复制代码

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

    今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 复制代码代码如下: ”test-ft”&gt; ”shouji”&gt;手机号码凶吉&lt;/h3&gt; &lt;form needcheck=”1″ method=”post” target...

    在javaScript中关于submit和button的区别介绍

    submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单. 两者主要区别在于: submit默认为form提交,可以提交表单

    JS button按钮实现submit按钮提交效果

    今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,怎么实现呢?下面小编给大家分享JS button按钮实现submit按钮提交效果,感兴趣...

    input、button的不同type值在ajax提交表单时导致的陷阱

    今天在做利用connection 作表单提交过程中发现,标签”input”跟”botton”中的type属性设置原来也是一门学问。 在开发过程中,为了使html代码更加整洁,我首先利用YAHOO.util.Event.addListener(obj, “click”, ...

    Android代码-用 kotlin 编写的带进度条的自定义 View ,适用于提交或上传图片。

    自定义带进度圈的按钮 --- SubmitButton (kotlin) 使用方法 1、在 gradle 里引用: implementation 'com.chinnsenn.submitbutton:submitbutton:0.1.0' 2、 在 xml 中添加控件 属性也可以在代码中设置 val ...

Global site tag (gtag.js) - Google Analytics