点评:不想使用button提交form,想用好看点的image来提交,下面就与大家分享下使用图片做为提交按纽的方法,示例不容错过
9aZHTML5中文学习网 - HTML5先行者学习网
<form method="post" action="formtest.html" target="_blank" name="formtest"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="userid" value="userid"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="username" value="username"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="image" src="imagesubmit.gif" border="0"> 9aZHTML5中文学习网 - HTML5先行者学习网
</form> 9aZHTML5中文学习网 - HTML5先行者学习网
9aZHTML5中文学习网 - HTML5先行者学习网不想使用button提交form,想用好看点的image来提交
9aZHTML5中文学习网 - HTML5先行者学习网9aZHTML5中文学习网 - HTML5先行者学习网那样写就会提交两次了,input本身提交一次,js脚本再提交一次
9aZHTML5中文学习网 - HTML5先行者学习网使用图片做为提交按纽有如下几种方法:
9aZHTML5中文学习网 - HTML5先行者学习网1.
9aZHTML5中文学习网 - HTML5先行者学习网 9aZHTML5中文学习网 - HTML5先行者学习网
<form method="post" action="formtest.jsp"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="userid" value="userid"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="username" value="username"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="image" src="imagesubmit.gif" border="0"> 9aZHTML5中文学习网 - HTML5先行者学习网
</form> 9aZHTML5中文学习网 - HTML5先行者学习网
9aZHTML5中文学习网 - HTML5先行者学习网就如楼主自已所写的,这样是完全可以的
9aZHTML5中文学习网 - HTML5先行者学习网2.
9aZHTML5中文学习网 - HTML5先行者学习网 9aZHTML5中文学习网 - HTML5先行者学习网
<script> 9aZHTML5中文学习网 - HTML5先行者学习网
function formsubmit(){ 9aZHTML5中文学习网 - HTML5先行者学习网
document.formtest.action="formtest.jsp"; 9aZHTML5中文学习网 - HTML5先行者学习网
document.formtest.submit(); 9aZHTML5中文学习网 - HTML5先行者学习网
} 9aZHTML5中文学习网 - HTML5先行者学习网
</script> 9aZHTML5中文学习网 - HTML5先行者学习网
<form method="post" name="formtest"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="userid" value="userid"> 9aZHTML5中文学习网 - HTML5先行者学习网
<input type="hidden" name="username" value="username"> 9aZHTML5中文学习网 - HTML5先行者学习网
<img src="imagesubmit.gif" border="0" onclick="formsubmit()"> 9aZHTML5中文学习网 - HTML5先行者学习网
</form> 9aZHTML5中文学习网 - HTML5先行者学习网
9aZHTML5中文学习网 - HTML5先行者学习网在混合编程经常使用这种方法,如你要提交的参数是随动态取出的内容变化而改变