type=image和type=submit的区别

最新推荐文章于 2020-05-20 21:32:32 发布
最新推荐文章于 2020-05-20 21:32:32 发布
阅读量429 收藏
点赞数
分类专栏： html div css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/forest_fire/article/details/50944539
版权
分类： HTML 支付宝 表单 PHP 2012-08-27 08:54  886人阅读  评论(1)  收藏  举报 
       相信大家都是用过type=image来作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。不过唯一的区别就是type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，所以即使多了两个参数也不会有任何问题。
      但是在做支付接口的时候（例如：支付宝接口）你就会发现，多出两个隐藏参数会带来很麻烦的问题，因为在在提交表单之后，接收端会对参数名称进行MD5校验，想想多两个参数会带来什么问题。将会直接导致表单校验不通过，然后支付失败的问题。
      所以在在通常网站开发中不提倡使用type=image作为表单的提交按钮。
北方的刀郎
关注
专栏目录
＜button＞ 与 ＜input type=“button“ /＞
liuhao9999的博客
07-26 495
未指定该属性，则单击该按钮将提交其封闭的表单。如果要创建可点击按钮，建议使用该元素。这对于设置按钮样式非常有用。），因此它不能包含内容。充当提交按钮，我们必须将。with的类型更具语义。可以包含HTML。...
type=”image”和type=”submit”的区别
mezheng的专栏
06-24 869
最近发现有些网站使用input的type=”image”来作为提交表单的图片按钮。 我并不推荐这样做。 虽然type=”image”和type=”submit”都可以相应回车，并且都能提交。 不过type=”image”的input会提交点击坐标x,y。事实上这个type的发明并不是用在做提交按钮上的，他独特的作用是获取图片上的点击坐标，并且提交。 另外他和type=”submit”是一样
<input type="image">图片按钮具有提交功能
weixin_30814329的博客
04-06 1783
直接使用<input type="image">即可，此标签放置在<form>标签内就具有提交功能，如果不在<form>标签内，则可以使用<input type="image" onClick = "formName.submit()">方式提交。<input type="image">说明：INPUT type=image 元素 | i...
表单提交type="submit"&&type="image"的区别
lwf的博客
09-06 4489
type=”submit”&&type=”image”的区别:  我们知道type=image可以作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。 唯一的区别：type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。   对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，
image来提交
路漫漫 修远兮
11-19 1400
不想使用button提交form，想用好看点的image来提交 那样写就会提交两次了,input本身提交一次,js脚本再提交一次使用图片做为提交按纽有如下几种方法:1.   就如楼主自已所写的,这样是完全可以的2.function formsubmit(){ document.formtest.action="formtest.jsp"; document.formtest.
55 .下列选项中不具有事件响应的是( )。 （2分） A . type="submit" B . type="reset" C . type="image" D . type="button"
最新发布
06-15
`type="submit"`：通常用于提交表单，会触发表单的默认提交行为，有事件响应。 - B. `type="reset"`：用于重置表单，同样有事件响应，比如点击后会清除表单数据。 - C. `type="image"`：图像按钮，点击时通常会有...
文件域和图像域的使用（input标签type=file/image的使用）
weixin_44011306的博客
05-20 1991
文件域和图像域的使用效果展示代码HTMLCSS 效果展示 代码 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>study33</title> <link href="main.css" rel="stylesheet"> </head> <body> <div cla
利用图片按钮 和 input type=\"image\" 为背景提交表单
不懂love的博客
10-25 951
<img src="img/cancel.jpg" onclick="javascript:document.getElementByIdx_x('loginForm').reset();"/> 将图片作为背景，利用input标签也可实现图片提交按扭！         <input type="reset" style="width:72px;height:37px;background-r
<div class="table-container"> <table id="myTable"> <thead> <tr> <th contenteditable="true" ><input type="text" oninput="filterTable(1)" placeholder="aoiStep" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(2)" placeholder="defectType" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(3)" placeholder="layerCode" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(4)" placeholder="type"></th> <th contenteditable="true" ><input type="text" oninput="filterTable(5)" placeholder="dpet" ></th> <th contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode" ></th> <th contenteditable="true" ><input type="text" placeholder="codeDescription" ></th> <th contenteditable="true" >image1</th> <th contenteditable="true" >image2</th> <th contenteditable="true">image3</th> <th contenteditable="true" >image4</th> <th contenteditable="true" >image5</th> <th contenteditable="true" ><input type="text" placeholder="determination_rule"></th> </tr> </thead> <tbody> <form action="unload.php" method="POST" enctype="multipart/form-data"> <tr> <td input type="text" name="aoi_step">3</td> <td input type="text" name="defect_type">Particle</td> <td input type="text" name="layer_code">ACT</td> <td input type="text" name="type">Particle</td> <td input type="text" name="dpet">ACT</td> <td input type="text" name="subcode">Particle</td> <td input type="text" name="code_description">ACT</td> <td> <input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td input type="text" name="determination_rule">Particle</td> <tr> <button type="submit">提交</button> </tr> </form> </tbody> </div> <script>修改后在我提娜佳图片是报错
07-23
根据你提供的代码，我注意到你在表格中嵌套了一... <button type="submit">提交 ``` 请注意，这只是修复了你提供的代码片段中的问题。如果还有其他问题，请提供更多的代码和错误信息，以便我们能够更全面地帮助你。
html提交表单中input image和img
spring123666的专栏
12-30 5829
<br />利用图片提交表单有两种方式： <br /><br />1.<input type="image" src="xxx.gif" > <br />此图片会自动对Form表单进行提交，即为type="submit" 若提交前要进行判断、检验则用 <br /><input type="image" src="xxx.gif" onclick="return dosubmit();"> <br />   但是用这种方式提交会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ <br
image 标签能提交表单？？？
dawuafang
11-26 172
最近负责系统的重构，将servlet程序改为三大框架的。 查看原系统登录的时候发现一个问题，没有找到登录方法，form标签添加了个action路径，点击登录就能提交表单。查看了界面所有引用的js，里面都没有发现触发表单提交的方法，还有密码错误提示。。有点怪。。。 界面源码如下： 重构时，登录得有验证，验证不通过就得有提示吧，暂且不管原系统中是如何实现登录提交的。原系统中...
表单中点击button标签的按钮会莫名自动提交表单
C_suixin的博客
12-14 278
原因 在一些浏览器中 button默认的type是 submit 所以导致了点击button按钮就自动提交表单了。 解决方法： 将button标签换为input如： <input type="button" id="delAll">删除勾选</input> ...
用IMAGE做提交按钮
为了忘却的专栏
03-07 1408
无意中看到TYPE="IMAGE"的属性，是以图片作为提交按钮，于是在thinkphp中试了一下： Insert title here 用户名 <input TYPE="text" NAME="first_name" MAXLENGTH=25 SIZE=15> 密码 <input TYPE="password" NAME="last_n
form表单的提交(type="image" src="")
FutureFlyme的博客
11-14 5732
下午看了一下代码,是一个关于用户注册的例子,但是怎么也找不到提交函数,既没有type=”button”,也没有type=”submit” 第一种<form action="#" method="get" onsubmit="return checkForm();"> <table align="center"> <tr> <td>姓名：</td>
input type="image" 和 img 用法区别
yymycabbage的专栏
08-05 733
引用一个图片可以使用以下两种代码, 1. 会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常. 2, 第二种则正常. 原因：HTML 中 image的描述是“创建一个图像控件，该控件单击后将导致表单立即被提交
type= image 表单重复提交问题
JusterDu的博客
02-26 875
type= image 表单重复提交问题     采用标签时，如果未在实现表单提交的地址，而是采用该标签的.click(function（）{})方法，进行ajax提交，此时可能出现重复提交的问题。 如：若没有给中的action幅值，在Google、IE等浏览器中，查看网页源代码时，会发现没有自动赋值，当在js中调用ajax提交url时，程序正常；而在360、火狐浏览器中，则会自动
使用type 为image的图片，但不提交form的解决办法。
weixin_33895695的博客
02-02 415
这是个小的细节，出现过两次这样的错误，特此记录下。 如下图示，如果使用如下代码： <inputtype="image"src="<%=basePath%>images/tianjia.gif"/> <inputtype="image"onclick="javascript:history.go(-1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北方的刀郎

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值