html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

用image来提交form不想使用button提交form_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:不想使用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先行者学习网
在混合编程经常使用这种方法,如你要提交的参数是随动态取出的内容变化而改变
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助