首頁  >  文章  >  web前端  >  html表單的幾種提交方式總結_HTML/Xhtml_網頁製作

html表單的幾種提交方式總結_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:40:182614瀏覽

最普通最常用最一般的方法就是用submit type..看程式碼:

複製程式碼
程式碼如下:





另外,還有一種常用的方法是使用圖片:

複製代碼
程式碼如下:





第三種是使用連結來提交表單,用到了javascript的DOM模型:

複製程式碼
程式碼如下:

這個方法其實是呼叫了一個javascript函數,使用javacript函數來提交表單,方法就非常多非常靈活了,例如可以把它加入到任何一個標籤的onclick事件中:

複製程式碼
程式碼如下:



提交



但是,如果一個表單裡有需要有多個提交按鈕怎麼辦呢?
例如一個表單裡的提交按鈕所指向的處理頁面不同,這樣由於表單在定義的時候就已經確定下表單資料的處理頁面,所以單純地在表單裡放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
先定義一個函數:

複製程式碼
程式碼如下:


程式碼如下:



程式碼如下:


function query(){
form.action=”query.php”;
form.submit();}
function update(){
form.action =”update.php”;
form.submit();} 透過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下:



複製代碼

代碼如下:

上面一段程式碼,使用的是普通的按鈕,而提交功能的實現方法是在它的onclick事件中調用javascript函數. 有了上面這幾種提交表單的方法,我想差不多夠應付複雜的表單了.
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn