form的提交方式

最新推荐文章于 2022-08-15 14:11:51 发布

weixin_30681615

最新推荐文章于 2022-08-15 14:11:51 发布

阅读量71

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangyabin---acm/p/5287462.html

本文介绍了表单提交的基本方法，包括使用submit按钮、通过JavaScript触发提交，以及如何实现同一表单分向提交以适应不同操作需求。通过示例代码演示了如何根据不同选择将表单提交到不同的处理程序。

1，最普通最常用的方法就是用submit type..

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

2，第二种是使用链接来提交表单，用到了javascript的DOM模型：

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

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

3,在一般情况下，同一个表单只能被提交给同一个地址。但在实际web应用中，可能希望同一个表单可以根据用户的选择来完成不同的操作，即表单的分向提交。

<form name=”form” method=”post” action=”#”>
    <input type=”button” name=”query” onclick=”query(this.form);” value=”查询”>
    <input type=”button” name=”update” onclick=”update(this.form);” value=”更新”>
</form>