type=”image”和type=”submit”的区别

转载 2015年07月09日 16:17:42


参考文章  http://blog.dmtuan.com/?p=122


最近发现有些网站使用input的type=”image”来作为提交表单的图片按钮。
虽然type=”image”和type=”submit”都可以相应回车,并且都能提交。

不过type=”image”的input会提交点击坐标x,y。事实上这个type的发明并不是用在做提交按钮上的,他独特的作用是获取图片上的点击坐标,并且提交。
另外他和type=”submit”是一样的,所以经常会有人问,为什么type=”image”会提交两次,事实上把他当成submit处理就可以了。
我的建议是使用input type=”submit”或者button type=”submit”来做,图片则使用背景,这样可以通过css sprites来减少http请求。
文字则可以用text-indent或者line-height来隐藏。



Form表单里的BUTTON的type='submit'和'button'的区别

1.submit 用于提交表单时 使用 onsubmit=”“ Email
  • u012493556
  • u012493556
  • 2016年08月14日 10:29
  • 795

type=image和type=submit的区别

  相信大家都是用过type=image来作为表单的图片按钮,表面上 type=image和type=submit都可以相应回车,并且都能提交。不过唯一的区别就是type=image的input...
  • a296007576
  • a296007576
  • 2014年06月04日 10:53
  • 207

表单提交type="submit"&&type="image"的区别

type=”submit”&&type=”image”的区别:  我们知道type=image可以作为表单的图片按钮,表面上 type=image和type=submit都可以相应回车,并且都能提交。...
  • liwenfei123
  • liwenfei123
  • 2017年09月06日 08:05
  • 154

input type="image" 和 img 用法区别

和 用法区别利用图片提交表单有两种方式:1. type="image" src="xxx.gif" onclick="return dosubmit();">  用这种方式提交会发生表单提交两次...
  • ljyy2006
  • ljyy2006
  • 2008年10月30日 19:01
  • 5168

type='button'和'submit'的区别

今天在对表单的项目进行删除时出现了问题,原因就出现在点击input按钮时,这个input属性是type='button'还是type=‘submit'。 代码大致如下: //获得选中文件的文件名...
  • moqiang02
  • moqiang02
  • 2013年11月21日 16:09
  • 2200

input type="submit" 和"button"有什么区别?

在一个页面上画一个按钮,有四种办法: 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻...
  • a464064368
  • a464064368
  • 2016年11月30日 16:47
  • 473

<input type="image"> 和 <img> 用法区别

原文:http://wxinpeng.iteye.com/blog/209017
  • zh89233
  • zh89233
  • 2014年04月29日 11:30
  • 1520

input type="submit' 加上onclick的好用处

 onclick="chakan()"/>当点击“查看”按钮后,会先执行chakan()脚本里面的代码,如果某个地方return false;(false可以省略)之后会继续执行submit到后台处理...
  • zjx2388
  • zjx2388
  • 2008年07月17日 22:12
  • 5412

Unity UGUI——Image(Image Type)

Simple、Sliced、Tiled、Filled、Set Native Size
  • Mr_AHao
  • Mr_AHao
  • 2015年03月18日 09:14
  • 6394

关于type="submit"默认文字问题

想把按钮用图片形式展示,开始写了如下代码: 并对class做了定义:input.reset{ background-image: url(../images/gb/reset.jpg);} 在drea...
  • jsuzzy
  • jsuzzy
  • 2010年03月04日 10:56
  • 8109
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:type=”image”和type=”submit”的区别
举报原因:
原因补充:

(最多只允许输入30个字)