浅谈html中button和submit的区别

首先从外观上submit和button,二者都以按钮的形式展现,看起来没有区别。

当然在声明上，一个是<input type="button">

另一个是<input type="submit">

二者不同之处在于对响应事件的处理上：

①submit会自动提交form表单

button不会自动提交表单，需加上 document.getElementById("form表单的id属性值").submit();

②

submit默认用途为：form表单提交（就是把表单数据提交给服务器提交的目的地由form表单的action=""属性指定）

button则主要用途为：响应用户自定义的onclick()事件，

如果不指定onclick()等事件处理函数，它只是可点击的按钮，按下去是没有任何行为，不做任何事情的。

例如：点击提交按钮进行提交前，希望对text文本框作JS非空校验

则html代码为： <input type="button" value="提交" οnclick="check()" />

JS代码为：

浅谈html中button和submit的区别相关推荐

浅谈 JDBC 中 CreateStatement 和 PrepareStatement 的区别与优劣。
浅谈 JDBC 中 CreateStatement 和 PrepareStatement 的区别与优劣.
html代码id,浅谈html中id和name的区别实例代码
浅谈html中id和name的区别实例代码更新时间:2008年07月28日 23:00:55 作者: 这个是form里面的name与id的区别我们可以通过一段代码来分析一下其中的微妙差别: 在 ...
【网摘】浅谈HTTP中GET与POST的区别
文章出处:http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.html 浅谈HTTP中Get与Post的区别 Http定义了与服务器交互的不 ...
浅谈ajax中get与post的区别,以及ajax中的乱码问题的解决方法
一.谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及 ...
浅谈HTTP中Get与Post的区别_转
可参考:HTTP请求中POST与GET的区别 Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE.URL全称是资源描述符,我们可以这样认为:一个UR ...
浅谈MySQL中utf8和utf8mb4的区别
一.什么是UTF8MB4? 我们在使用PhpMyAdmin管理面板时,可以在首页看到名为"Server connection collation"(服务器连接排序规则)的选项,用来 ...
浅谈HTTP中Get与Post的区别
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE.URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP ...
mysql having和where_浅谈Mysql中where和having的区别
一.误区: 不要错误的认为having和group by 必须配合使用. 二.where和having用法解析: 1. where和having都可以使用的场景: select goods_price ...
浅谈java中extends与implements的区别
Extends可以理解为全盘继承了父类的功能.implements可以理解为为这个类附加一些额外的功能:interface定义一些方法,并没有实现,需要implements来实现才可用.extend可 ...

浅谈html中button和submit的区别

浅谈html中button和submit的区别相关推荐

最新文章

热门文章