利用图片提交表单有两种方式:
2011-07-21 07:32
302 查看
利用图片提交表单有两种方式:
1.<input type="image" src="xxx.gif" >
此图片会自动对Form表单进行提交,即为type="submit" 若提交前要进行判断、检验则用
<input type="image" src="xxx.gif" onclick="return dosubmit();">
但是用这种方式提交会发生表单提交两次的现象,经常会造成表单元素被重复提交,数据库被写入异常!!
尤其是用IE问题比较严重,用火狐的话还不会报错!此时注意,要把数据库设置为同一信息要唯一!
原因:HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”。
2.<img alt="提交" src="xxx.gif" onclick="return dosubmit();" style="cursor:pointer;">
这种方式提交是正常的没有问题, 效果和上面是一样的。所以,请少用第一种方式提交数据尤其是在struts的应用中
注意:css: cursor:hand只能被IE识别,火狐是不能识别的。而pointer则可以兼容!
注!无论哪种方式提交都在包含在<form></form>之间,否则,提交无效
1.<input type="image" src="xxx.gif" >
此图片会自动对Form表单进行提交,即为type="submit" 若提交前要进行判断、检验则用
<input type="image" src="xxx.gif" onclick="return dosubmit();">
但是用这种方式提交会发生表单提交两次的现象,经常会造成表单元素被重复提交,数据库被写入异常!!
尤其是用IE问题比较严重,用火狐的话还不会报错!此时注意,要把数据库设置为同一信息要唯一!
原因:HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”。
2.<img alt="提交" src="xxx.gif" onclick="return dosubmit();" style="cursor:pointer;">
这种方式提交是正常的没有问题, 效果和上面是一样的。所以,请少用第一种方式提交数据尤其是在struts的应用中
注意:css: cursor:hand只能被IE识别,火狐是不能识别的。而pointer则可以兼容!
注!无论哪种方式提交都在包含在<form></form>之间,否则,提交无效
相关文章推荐
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- jquery ajax提交表单数据的两种方式
- 表单的两种提交方式:get与post的区别
- Struts2中防止表单重复提交的两种方式
- Session Token机制-Struts2中防止表单重复提交的两种方式(一)
- jQuery异步提交表单的两种方式
- jquery ajax提交表单数据的两种方式
- Form表单中数据的两种提交方式
- flask表单提交的两种方式
- Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
- 防止表单重复提交的两种方式
- DOM(三)-09-(示例-表单校验-表单提交的两种方式)
- java模拟post方式提交表单实现图片上传【转】
- jquery ajax提交表单数据的两种方式
- 表单验证后提交 两种方式 2016/07/10
- 一 丶get和post是html中表单的提交方式中的两种方式,其主要区别在于:
- 表单form的提交有两种方式,一种是get的方法,一种是post 的方法
- 表单提交servlet的两种解决乱码方式
- form表单两种提交方式的区别
- 两种方式解决表单重复提交