用image来提交form不想使用button提交form

2019-09-08 郑州网站建设  

复制代码

代码如下:


<form method="post" action="formtest.html" target="_blank" name="formtest"> 
<input type="hidden" name="userid" value="userid"> 
<input type="hidden" name="username" value="username"> 
<input type="image" src=http://www.divcss5.com/html/"imagesubmit.gif" border="0"> 
</form> 


不想使用button提交form,想用好看点的image来提交 

那样写就会提交两次了,input本身提交一次,js脚本再提交一次 
使用图片做为提交按纽有如下几种办法: 
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=http://www.divcss5.com/html/"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=http://www.divcss5.com/html/"imagesubmit.gif" border="0" onclick="formsubmit()"> 
</form> 


在混合编程经常使用这种办法,如你要提交的参数是随动态取出的内容变化而改变


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1428.html转载请标明出处,谢谢合作!
标签:
  • 代码
  • 复制
  • imageformbut