摘要 今天小编跟大家讲解下有关表单提交type=submit和type=image的区别 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关表单提交t

今天小编跟大家讲解下有关表单提交type=submit和type=image的区别 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关表单提交type=submit和type=image的区别 的相关资料，希望小伙伴们看了有所帮助。

1.提交按钮sumbit

<input type="image" src="http://www.aidi.net.cn/article/detial/7160/图片路径">

type="image"默认是sumbit 不用再添加onclick事件提交 否则会发生表单被提交两次的情况。

2.重置按钮reset

<input type="image" src="http://www.aidi.net.cn/article/detial/7160/图片路径" onclick="reset()">

在onclick事件中添加重置方法。

3.利用img提交form表单的方式：

<img src="http://www.aidi.net.cn/article/detial/7160/xxx.gif" onclick="return dosubmit();">

4.type=”submit”与type=”image”的区别:

我们知道type=image可以作为表单的图片按钮 表面上 type=image和type=submit都可以相应回车 并且都能提交。

唯一的区别：type=image的input提交方式会把按钮点击的位置坐标x,y提交过去

在通常网站开发中不提倡使用type=image作为表单的提交按钮

来源：爱蒂网