首页前端开发HTML用image来提交form不想使用button提交form

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

时间2024-01-27 08:12:02发布访客分类HTML浏览399
导读:收集整理的这篇文章主要介绍了用image来提交form不想使用button提交form,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <form method="post" action="formt...
收集整理的这篇文章主要介绍了用image来提交form不想使用button提交form,觉得挺不错的,现在分享给大家,也给大家做个参考。
复制代码代码如下:
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>

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

image

若转载请注明出处: 用image来提交form不想使用button提交form
本文地址: https://pptw.com/jishu/587944.html
使用trigger方式实现不用点击file类型的input弹出文件选择对话框 html中使用js来获取本地系统时间

游客 回复需填写必要信息