input image和img button区别

简介:

利用图片提交表单有两种方式:

1.

Java代码   收藏代码
  1. <input type="image" src="http://www.zxbc.cn/html/20081031/xxx.gif" onclick="return dosubmit();">  

  用这种方式提交会发生表单提交两次的现象,经常会造成表单元素被重复提交,数据库被写入异常!!
  原因::HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”。
2.

Java代码   收藏代码
  1. <img src="http://www.zxbc.cn/html/20081031/xxx.gif" onclick="return dosubmit();">   

  这种方式提交是正常的没有问题, 
  所以,请少用第一种方式提交数据尤其是在struts的应用中 
  注!无论哪种方式提交都在包含在<form></form>之间,否则,提交无效

 

3.

Java代码   收藏代码
  1. <button type="sumbit" value="ok">Click Me!</button>  

 

4.不提交

Java代码   收藏代码
  1. <input type="image" src="http://www.zxbc.cn/html/20081031/xxx.gif" onclick="return false;">  

 

 

相关文章
|
3月前
input type="button"和button的区别
input type="button"和button的区别
|
6月前
|
JavaScript
09HUI - 图片列表(hui-img-list-content)
09HUI - 图片列表(hui-img-list-content)
16 0
|
9月前
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
52 0
|
缓存 前端开发 JavaScript
浅析data:image/png;base64的应用
浅析data:image/png;base64的应用
445 0
浅析data:image/png;base64的应用
|
数据采集 前端开发 JavaScript
|
JavaScript 前端开发
input type="button" 和button区别
来源: https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮,有四种办法: 1、 这就是一个按钮。
1402 0
|
Web App开发 测试技术