首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

html 交付表单中input image和img

2012-11-06 
html 提交表单中input image和img利用图片提交表单有两种方式:1.input typeimage srcxxx.gif 此图

html 提交表单中input image和img
利用图片提交表单有两种方式:

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="html 交付表单中input image和img" src="xxx.gif" onclick="return dosubmit();" style="cursor:pointer;">
  这种方式提交是正常的没有问题, 效果和上面是一样的。所以,请少用第一种方式提交数据尤其是在struts的应用中

注意:css:  cursor:hand只能被IE识别,火狐是不能识别的。而pointer则可以兼容!
注!无论哪种方式提交都在包含在<form></form>之间,否则,提交无效

热点排行