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

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

w3c定义如下:

Image

<input type="image" /> 定义图像形式的提交按钮。

必须把 src 属性alt 属性 与 <input type="image"> 结合使用。

<input type="image" src="submit.gif" alt="Submit" />

一般的

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

1.

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

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

2.

Html代码

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

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

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

<input type="image" src="xxx.gif"  >  本身就是个提交按钮,和submit功能一样,所以再加上你的onclick当然要提交两次了

时间: 2024-10-30 12:02:58

<input type="image"> 和 <img> 用法区别的相关文章

CSS按钮样式之button标签与input type=button的区别详解

转载文章,原文地址:http://ipmtea.net/css/201006/16_5.html   对于每个程序设计者来说,为用户提供一个风格统一的界面是一项不变的要求.但是在网页上实现这种风格统一却显得格外困难,因为不同操作系统.不同浏览器对网页内容的表现方式存在着差       对于每个程序设计者来说,为用户提供一个风格统一的界面是一项不变的要求.但是在网页上实现这种风格统一却显得格外困难,因为不同操作系统.不同浏览器对网页内容的表现方式存在着差异,而且这种差异几乎毫无规律性.在处理表单元

html标签-Html&amp;amp;lt;button&amp;amp;gt;与&amp;amp;lt;input type=&amp;amp;quot;button&amp;amp;quot;&amp;amp;gt;区别

问题描述 Html<button>与<input type="button">区别 Html与有什么大区别吗?? 解决方案 区别还是有的,但没有很大. 详见以下地址: http://zljpp.iteye.com/blog/1561329 解决方案二: 有里面还可以嵌入其他标签 比如 dnaif 解决方案三: "agg"

总结js在IE与FireFox中不同的用法区别

总结js在ie与firefox中不同的用法区别 1. document.form.item 问题 问题: 现有代码中存在许多 document.formname.item("itemname") 这样的语句,不能在firefox下运行 解决方法: 统一使用 document.formname.elements["elementname"]          2. 集合类对象问题   问题: ie下,可以使用()或[]获取集合类对象:firefox下,只能使用[]获取

javascript onkeyup和onkeydown用法区别

onkeyup onkeyup 事件会在键盘按键被松开时发生. 语法 onkeyup="SomeJavaScriptCode"参数 描述 SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>

mvc-asp.net MVC怎么给图input type=file传过来的图片加水印

问题描述 asp.net MVC怎么给图input type=file传过来的图片加水印 解决方案 加水印后,在controller里面传到服务器里面保存 解决方案二: 这是controller的代码 public ActionResult AddNewsPic(string id) { if (Request.Files.Count > 0) { if (!string.IsNullOrEmpty(Request.Files[0].FileName)) { Stream fileDataStr

exp/imp与expdp/impdp的用法区别

exp/imp与expdp/impdp的用法区别 1:把用户usera的对象导到用户userb,用法区别在于fromuser=usera touser=userb ,remap_schema='usera':'usera' .例如 imp system/passwd fromuser=usera touser=userb file=/oracle/exp.dmp log=/oracle/exp.log; impdp system/passwd directory=expdp dumpfile=e

time类型-input type time 时间格式

问题描述 input type time 时间格式 在android设备设备上,有一个input type time类型的,其显示的时间格式是12小时制的(例如AM09:51)如何把时间设置为24小时制的啊.通过value属性拿到其中的值AM或PM又取不到,设备上的时间我已经设置为24小时制了.如何让input type time显示也是24小时制的呢.

关于动态控制 input type="image"对象

动态|对象|控制     前一阵在写Web控件的时候,写了一个继承ImageButton的控件,在Page_Load以后,发现在Client端显示的是<input type=image id...>,我用javascript在前端做控制,从 document.elements里面就是找不到这些imageButton对象,在MSDN里面查找,也是说 document.elements里面的对象,不包含type=image的Input对象.        后来,发现可以用以下方法解决!      

php中sprintf与printf函数用法区别

 这篇文章主要介绍了php中sprintf与printf函数用法区别解析,需要的朋友可以参考下 下面是一个示例:四舍五入保留小数点后两位    代码如下: <?php $num1 = 21; echo sprintf("%0.2f",$num1)."<br />"; //输出 21.00 $num2 = 16.3287; echo sprintf("%0.2f",$num2)."<br />";