html表单的几种提交方式总结
导读：收集整理的这篇文章主要介绍了html表单的几种提交方式总结，觉得挺不错的，现在分享给大家，也给大家做个参考。 最普通最常用最一般的方法就是用submIT tyPE..看代码： 复制代码代码如下: <form name=”fo...
收集整理的这篇文章主要介绍了html表单的几种提交方式总结，觉得挺不错的，现在分享给大家，也给大家做个参考。 最普通最常用最一般的方法就是用submIT tyPE..看代码： 复制代码代码如下:
form name=”form” method=”post” action=”#">
input type=”submit” name=”submit” value=”提交">
/form>
另外，还有一种常用的方法是使用图片：
复制代码代码如下:
form name=”form” method=”post” action=”# ">
input type=”image” name=”submit” src=”BTnSubmit.jpg”>
/form>
第三种是使用链接来提交表单，用到了javascript的DOM模型：
复制代码代码如下:
form name=”form” method=”post” action=”#”>
a href=”javascript:form.submit(); ”> 提交/a>
/form>
这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中：
复制代码代码如下:
form name=”form” method=”post” action=”#”>
div onclick=”javascript:form.submit(); ”>
span> 提交/span>
/div>
/form>
但是，如果一个表单里有需要有多个提交按钮怎么办呢？
比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数：
复制代码代码如下:
script language=javascript>
function query(){
form.action=”query.php”;
form.submit(); }
function update(){
form.action=”update.php”;
form.submit(); }
/script>
通过javascript改变form的action属性值，这样就可以实现多提交按钮而且功能不同了，页面内代码如下：
复制代码代码如下:@H_304_104@
form name=”form” method=”post” action=”#”>
input type=”button” name=”query” onclick=”query(); ” value=”查询”>
input type=”button” name=”update” onclick=”update(); ” value=”更新”>
/form>
上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html表单的几种提交方式总结
本文地址： https://pptw.com/jishu/587849.html