图片提交表单(image-form)

 

 

<html:image> html:image具有自动提交功能 </html:image>

如果该标签在form里，他就可以自动提交表单，虽然你没有在onclick:"document.form.submit".

 屏蔽此功能可以这样写：onclick:"return false"

如果只是一般的显示图片可以使用：<html:img>

使用图片做为提交按纽有如下几种方法:

第一种方法有点问题，第二种方法不错！  
  1.<form   method="post"   action="formtest.jsp">  
  <input   type="hidden"   name="userid"   value="userid">  
  <input   type="hidden"   name="username"   value="username">  
  <input   type="image"   src="imagesubmit.gif"   border="0">  
    </form>   
       
  2.

 <script>  
  function   formsubmit(){  
    document.formtest.action="formtest.jsp";  
    document.formtest.submit();  
  }  
  </script>  
  <form   method="post"   name="formtest">  
  <input   type="hidden"   name="userid"   value="userid">  
  <input   type="hidden"   name="username"   value="username">  
  <img   src="imagesubmit.gif"   border="0"   onclick="formsubmit()">  
  </form>  
  在混合编程经常使用这种方法,如你要提交的参数是随动态取出的内容变化而改变

 

 

 

 

 

 

 

 

下面是自己公司的代码，对大家可能没有多大作用！

         <form id="formtest" name="formtest" method="post">
         名字：<%=rs.getString(2) %>&nbsp;&nbsp;&nbsp;&nbsp;
         数是：<%=rs.getInt(3) %>&nbsp;&nbsp;&nbsp;&nbsp;
  
           <input type="hidden" name="idnum" value="<%=rs.getString(1) %>">
 
           &nbsp;&nbsp;&nbsp;&nbsp;
           <img   src="ns.jpg"  border="0" onclick="formsubmit()">
       
          <!--
         <input type="submit" value="提交">
          -->
         </form>
        
           <script>  
              function   formsubmit(){  
               var form= document.getElementById("formtest");
               form.action="test2.do"; 
                formtest.submit();  
                }  
          </script>

 

 

下面红色的部分是默认走button

 

      <form onsubmit="return false;">
            <p>用户名&nbsp;<input type="text" class="login_txt_input" name="j_username" /></p>
            <p><span>密</span>码&nbsp;<input type="text" class="login_txt_input" name="j_password" /></p>
            <div><input class="login_txt_cb" type="checkbox"/></div><span class="login_txt_span">自动登录</span><a href="javascript:void(0);" target="_blank">忘记密码</a>
            <p>
                <input type="image" onclick="loginCms(this.form);" src="${webContext}/images/falvzhongxin/dl.jpg"/>
                <input type="image" src="${webContext}/images/falvzhongxin/zc.jpg"/>
            </p>
        </form>

 

 

<script type="text/javascript">
<!--//
function loginCms(form){
 jQuery.getJSON(//
   '/cms/editor_login_check?j_username=' + form.j_username.value + '&j_password=' + form.j_password.value//
   ,function(data){
  if(data.success){
    window.location.href = "/cms";
  }else{
  alert('用户名或密码错误！');
  }
   }
 );
}
//-->
</script>

 

 

有时候提交的时想用个图片代替button，这时让form表单默认走button 就ok了。       <form onsubmit="return false;">