<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-02 22:41:47

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

&lt;input type="button"&gt;和&lt;button&gt;的区别

<input type="button">和<button>的区别:标题中的两个标签几乎在外观上没什么区别,在用法上甚至都一样,下面就来介绍一下这两个按钮之间的区别.区别一:与<input type="button">相比,<button>标签形式更为丰富,<button>与<tton>之间除了文本之外,还可以是图片或者多媒体内容,不过不能是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

&lt;button&gt;和&lt;input type=&quot;button&quot;&gt;区别

1.定义和用法 定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> <button> 中间可以放:图片.文本等比较丰富的内容.    唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为, 请始终为按钮规定 type 属性.Internet Explorer 的默认类型是 "button"

ASP.NET控件&lt;ASP:Button /&gt; html控件&lt;input type=&quot;button&quot;&gt;区别联系

ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样的东西 服务器只认识input,我们可以直接写input 但是asp是要把自己自动翻译成input再交给服务器的.其实是一样的东西 写写我看到的区别:                asp控件,直接可以用c#编程                input加上 runat=“server” 也被c#编程了 说白

&lt;button&gt;和&lt;input type=&quot;button&quot;&gt; 的区别

定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容.<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容.例如,我们可以在

&lt;input type =&quot;button&quot;&gt;&lt;/input&gt;和&lt;button&gt;&lt;/button&gt;在mvc中的区别

今天整了一上午,在MVC3中的form表单中放一个<button></button>一触发button中的onclick事件尽管没submit但仍然会提交表单(提交地址是默认传过来的地址一般为/ControllerName/Index)而<input type="button"></input>则不会 无意中把<button>标签放到了<form>标签中,你会发现点击这个button变成了提交,相当于<inp

&lt;input type="range"&gt;标签用法实例代码

<input type="range">标签用法实例代码: 在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要通过模拟才能够实现,下面就通过代码实例介绍一下它的作用. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf

【转】解析&lt;button&gt;和&lt;input type=&quot;button&quot;&gt; 的区别

一.定义和用法 <button> 标签定义的是一个按钮. 在 button 元素内部,可以放置文本或图像.这是<button>与使用 input 元素创建的按钮的不同之处. 二者相比较, <button> 控件提供了更为强大的功能和更丰富的内容.<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容.例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触