html表单的几种递交方法总结

最一般最常见最1般的方式便是用submit type..看编码:

拷贝编码
编码以下:

<form name=”form” method=”post” action=”#">
<input type=”submit” name=”submit” value=”递交">
</form>

此外,也有1种常见的方式是应用照片:

拷贝编码
编码以下:

<form name=”form” method=”post” action=”# ">
<input type=”image” name=”submit” src=”btnSubmit.jpg”>
</form>

第3种是应用连接来递交表单,用到了javascript的DOM实体模型:

拷贝编码
编码以下:

<form name=”form” method=”post” action=”#”>
<a href=”javascript:form.submit();”>递交</a>
</form>

这类方式具体上是启用了1个javascript涵数,应用javacript涵数来递交表单,方式就十分多十分灵便了,例如能够把它添加到随意1个标识的onclick恶性事件中:

拷贝编码
编码以下:

<form name=”form” method=”post” action=”#”>
<div onclick=”javascript:form.submit();”>
<span>递交</span>
</div>
</form>

可是,假如1个表单里有必须有好几个递交按钮如何办呢?
例如1个表单里的递交按钮所指向的解决网页页面不一样,这样因为表单在界定的情况下就早已明确下表奇数据的解决网页页面,因此单纯性地在表单里放好几个递交按钮是沒有方法做到目地的。这就必须javascript。
最先界定1个涵数:

拷贝编码
编码以下:

<script language=javascript>
function query(){
form.action=”query.php”;
form.submit();}
function update(){
form.action=”update.php”;
form.submit();}
</script>

根据javascript更改form的action特性值,这样便可以完成多递交按钮并且作用不一样了,网页页面内编码以下:

拷贝编码
编码以下:

<form name=”form” method=”post” action=”#”>
<input type=”button” name=”query” onclick=”query();” value=”查寻”>
<input type=”button” name=”update” onclick=”update();” value=”升级”>
</form>

上面1段编码,应用的是一般的按钮,而递交作用的完成方式是在它的onclick恶性事件中启用javascript涵数.
有了上面这几种递交表单的方式,我想类似够应对繁杂的表单了.