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

前端技术 2023/09/01 HTML

复制代码
代码如下:

<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=\"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=\"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>


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

本文地址：https://www.stayed.cn/item/1981

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案