當前位置:編程學習大全網 - 源碼下載 - html表單的幾種提交方式總結

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屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下:?

復制代碼

代碼如下:

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

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

  • 上一篇:求好看噠小說
  • 下一篇:誰能提供壹些營銷失敗案例?
  • copyright 2024編程學習大全網