form的提交方式

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>


<script>
function query(formObj){
  formObj.action="<{:U('aaa')}>";
  formObj.submit();
}

function update(formObj){
  formObj.action="<{:U('bbb')}>";
  formObj.submit();
}
</script>

 

这样可以在一个表单中放上多个Button,甚至是连接,都可以实现同一个表单的提交给不同的处理程序。

 

posted on 2016-03-17 15:02  hrbust_09zhangyabin  阅读(246)  评论(0编辑  收藏  举报