图片提交表单(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) %>
???????? 数是：<%=rs.getInt(3) %>
??
?????????? <input type="hidden" name="idnum" value="<%=rs.getString(1) %>">
?
??????????
?????????? <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>用户名 <input type="text" name="j_username" /></p>
??????????? <p><span>密</span>码 <input type="text" name="j_password" /></p>
??????????? <div><input type="checkbox"/></div><span 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;">
