`
wxinpeng
  • 浏览: 580607 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

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

阅读更多

  写一个表单提交用到图片:两种代码。

1.

<input type="image" src="xxx.gif" onclick="return dosubmit();">

 

    会发生表单提交的现象,经常会造成表单元素被重复提交,数据库被写入异常!!

 

 

 

 

2.

<img src="xxx.gif" onclick="return dosubmit();">

 

   第二种则正常!!

 

 

原因::HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交。”。

 请 尽量 少用<input type="image">以免造成不必要的异常!!!

分享到:
评论
6 楼 dqd979231776 2015-06-16  
+1我用遇到了这个问题,解决了好长时间
5 楼 huanglei_jay 2014-04-15  
consatan 写道
楚若之夜 写道
<input type="image" src="xxx.gif"  >  本身就是个提交按钮,和submit功能一样,所以再加上你的onclick当然要提交两次了

+1以前也遇到过这问题
但是还以为是后台写错了,在后台调试了半天,确定问题不可能在后台后一看前台...立马晕了...

4 楼 wxinpeng 2011-08-12  
consatan 写道
楚若之夜 写道
<input type="image" src="xxx.gif"  >  本身就是个提交按钮,和submit功能一样,所以再加上你的onclick当然要提交两次了

+1以前也遇到过这问题
但是还以为是后台写错了,在后台调试了半天,确定问题不可能在后台后一看前台...立马晕了...

做开发中,我们习以为常的代号,会有很多陷阱的。谨慎。。
3 楼 consatan 2011-08-12  
楚若之夜 写道
<input type="image" src="xxx.gif"  >  本身就是个提交按钮,和submit功能一样,所以再加上你的onclick当然要提交两次了

+1以前也遇到过这问题
但是还以为是后台写错了,在后台调试了半天,确定问题不可能在后台后一看前台...立马晕了...
2 楼 poincare 2011-06-08  
学习了
1 楼 楚若之夜 2010-09-19  
<input type="image" src="xxx.gif"  >  本身就是个提交按钮,和submit功能一样,所以再加上你的onclick当然要提交两次了

相关推荐

    《Web应用技术》实验

    &lt;tr&gt; &lt;td&gt;&lt;div align="center"&gt;Email地址&lt;/div&gt;&lt;/td&gt; &lt;td&gt;&lt;div align="left"&gt; &lt;%=email%&gt;&lt;%=select%&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;div align="center"&gt;登录密码&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div align="left"&gt;&lt;%=pwd%&gt;&lt;/div&gt;&lt;/td&gt;...

    jQuery完全实例.rar

    &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three&lt;/p&gt; jQuery 代码: $("div &gt; p"); 结果: [ &lt;p&gt;two&lt;/p&gt; ] -------------------------------------------------------------------------------- 在文档的第一个表单...

    android 之 webView 显示h5 执行选择图片或者拍照功能

    &lt;input accept="image/*" capture="camera" id="imgFile" name="imgFile" type="file"&gt; 用安卓的 webView 控件来显示h5网页 然后给webView 设置WebChromeClient WebChromeClient 主要处理解析,渲染网页等浏览器做...

    dangdang和smartstruts2.rar

    &lt;param name="inputName"&gt;image&lt;/param&gt; &lt;/result&gt; &lt;action name="checkcode" class="action.user.CheckCodeAction"&gt; &lt;result name="success" type="json"&gt;&lt;/result&gt; &lt;/action&gt; &lt;action name=...

    js使用小技巧

    &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode&lt;=57||(this.value.indexOf(".")&lt;0?event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match(/D/)" ondragenter=...

    网上商城需求报告

    &lt;param name="inputName"&gt;image&lt;/param&gt; &lt;/result&gt; &lt;action name="checkcode" class="action.user.CheckCodeAction"&gt; &lt;result name="success" type="json"&gt;&lt;/result&gt; &lt;/action&gt; &lt;action name="checkemailcode" ...

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;/script&gt; &lt;/head&gt; ...

    图片上传并按比例缩小

    在ASP.NET中上传图片并生成缩略图的C#源码 &lt;FONT size=4&gt;&lt;FONT size=4&gt;&lt;FONT size=4&gt;using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using ...

    css笔记课程笔记2019,5,22

    input type="image" src=""/&gt; * 普通按钮 type="button" 6、div和span * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    $a &lt;= $b :小于等于 $a &gt; $b :大于 $a &gt;= $b :大于等于 与C一样PHP也有三重运算符(?:)。位操作符在PHP同样存在。 优先权 就和C以及Java一样! 2.7 控制流程结构 PHP有着与C一样的流程控制。我将在下面大概...

    vcg(验证码控件)

    &lt;br/&gt; }&lt;br/&gt;//生成随机验证码串&lt;br/&gt;private void Generate_control(int max_charnum, int min_charnum)&lt;br/&gt; {&lt;br/&gt; if (4 &gt;= min_charnum && 4 &lt;= max_charnum)&lt;br/&gt; poem_available = true;&lt;br/&gt; if (5 &gt;= ...

    r40_tinav2.1_最终验证通过_使用CB-S来验证OV5640有横条纹fpscamera+SPI2.0成功_20171114_1443没有外层目录.7z

    r40_tinav2.1_最终验证通过_使用CB-S来验证OV5640有横条纹fpscamera+SPI2.0成功_20171114_1443没有外层目录.7z 开发板:CB-S 1、(可选修改/调试技巧:) 除了ov5640.c之外,其它的驱动都不编译,节省编译时间!...

    gc2145_tinav2.1验证完成20170523_1648.7z

    vip_csi_hsync = port:PE02&lt;2&gt;&lt;default&gt;&lt;default&gt;&lt;default&gt; vip_csi_vsync = port:PE03&lt;2&gt;&lt;default&gt;&lt;default&gt;&lt;default&gt; vip_csi_d0 = port:PE04&lt;2&gt;&lt;default&gt;&lt;default&gt;&lt;default&gt; vip_csi_d1 = port:PE05&lt;2&gt;&lt;default&gt;...

    image-juggler:在不同的Web容器之间处理像素数据,例如, ,ImageData,File,ArrayBuffer,Blob,Array等

    形象变戏法者 Web具有一些不错的图像处理... querySelector ( 'input[type="file"]' ) ; input . addEventListener ( 'change' , function ( e ) { e . stopPropagation ( ) ; var file = e . target . files [ 0 ]

    jqgrid通用编辑规则; 下载文件; 点击图片翻转显示文字; 统计; 星际评分条; 树形结构

    input type="checkbox" value="Yes" offval="No".../&gt; 当value为yes,checkbox被勾选,否则未勾选。值将会作为参数传递到jqGrid配置的editurl中。 下载文件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta...

    bmi160调通bmi160的ACC+GYR_20160907.7z

    gsensor_int1 = port:PG11&lt;6&gt;&lt;1&gt;&lt;default&gt;&lt;default&gt; ;gsensor_int2 = ;-------------------------------------------------------------------------------- ; G sensor automatic detection configuration ;g...

    detect_those_corners:使用Harris Corner Detector检测图像和实时视频中的重要角落。 和Shi-tomasi拐角检测器

    要求 : OpenCV 3.4.1 的Python 3.6.5样例命令行用法:对于图像/网络摄像头/视频(分别) python detect_corners.py --input_type=0 --img_path=path/to/image.jpgpython detect_corners.py --input_type=1 --camera...

    linux全志R16的linux系统编译的资料_20170502_1655.7z

    (编译请使用编译android的lichee的选项编译生成的.config文件,不然直接编译会报错!!!!) rootroot@cm-System-Product-Name:/home/wwt/linux_r16$ tar zxvf lichee_parrotv1.1_20161202.tar.gz rootroot@cm-...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...

    ExtAspNet_v2.3.2_dll

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

Global site tag (gtag.js) - Google Analytics