使用type 为image的图片,但不提交form的解决办法。

简介:

这是个小的细节,出现过两次这样的错误,特此记录下。

如下图示,如果使用如下代码:

 
  1. <input type="image" src="<%=basePath%>images/tianjia.gif" /> 
  2. <input type="image" onclick="javascript:history.go(-1)" src="<%=basePath%>images/fanhui.gif" /> 


 

则提交form的时候 图片都会提交,即使你点击返回按钮,依然会提交整个form,当然,这可不是我们想要的。

为了解决如下的问题,使用下面的img 标签即可。

 
  1. <input type="image" src="<%=basePath%>images/tianjia.gif" /> 
  2. <img src="<%=basePath%>images/fanhui.gif" onClick="javascript:history.go(-1)"/> 

 

问题虽小,浪费时间就不值得了。



 本文转自 w156445045 51CTO博客,原文链接:http://blog.51cto.com/enetq/842467,如需转载请自行联系原作者

相关文章
|
11天前
|
JavaScript
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
|
2月前
element el-upload上传图片完成后隐藏上传
element el-upload上传图片完成后隐藏上传
|
4月前
使用Form报错提示If ngModel is used within a form tag, either the name attribute must be set or the form
使用Form报错提示If ngModel is used within a form tag, either the name attribute must be set or the form
|
7月前
input type=file过滤图片
input type=file过滤图片
28 0
|
7月前
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改title和icon小图片demo效果示例(整理)
修改title和icon小图片demo效果示例(整理)
|
前端开发 JavaScript Java
【前端】form标签multipart/form-data 文件上传表单中 传递参数无法获取的原因
form标签multipart/form-data 文件上传表单中 传递参数无法获取的原因
724 1
elementUI:Upload组件list-type: picture-card上传闪动
elementUI:Upload组件list-type: picture-card上传闪动
469 0
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错
|
移动开发 JavaScript 前端开发
HTML5的 input:file上传类型控制
原文:HTML5的 input:file上传类型控制 HTML5的 input:file上传类型控制 2014年8月29日 90820次浏览 一、input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。
1524 0