用image来提交form不想使用button提交form
2013-11-19 16:30
337 查看
<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>
在混合编程经常使用这种方法,如你要提交的参数是随动态取出的内容变化而改变
相关文章推荐
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- javascript在form表单中使用button按钮实现submit提交方法
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 总结:form中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 总结:form中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- JavaScript在form表单中使用button按钮实现submit提交方法
- 使用type 为image的图片,但不提交form的解决办法。
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 去掉 type=“image” button在提交form时默认带上xy坐标
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- javascript 跨域POST 使用form表单 获取提交返回内容的方法
- jquery ajax( )使用serialize()提交form数据
- 使用form表单提交数据打开两个页面的问题
- form表单底下的button按钮点击自动提交恶心问题的解决
- jQuery ajax()使用serialize()提交form数据
- form表单下的button按钮会自动提交表单的问题
- 使用jquery.form.js的ajaxsubmit方法提交时参数file标签有值报JS错误