html表單提交的幾種方法

原文地址：http://www.ijser.cn/?p=34

 

最普通最常用最一般的方法就是用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屬性值，這樣就可以實現多提交按鈕而且功能不同了，頁面內代碼如下：

<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函數.

 

有了上面這幾種提交表單的方法,我想差不多夠應付複雜的表單了.