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

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

May 16, 2016 pm 04:40 PM
html表單 提交方式

最普通最常用最一般的方法就是用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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1244
24
如何將HTML表單資料作為文字並傳送到html2pdf? 如何將HTML表單資料作為文字並傳送到html2pdf? Sep 06, 2023 pm 12:21 PM

html2pdf是一個JavaScript包,允許開發人員將html轉換為canvas、pdf、映像等。它將html作為參數並將其添加到pdf或所需文件中。此外,它還允許用戶在添加html內容後下載該文件。在這裡,我們將訪問表單並使用html2pdfnpm套件將其新增至pdf。我們將看到不同的範例,以向pdf添加表單資料。語法使用者可以按照以下語法將html表單資料作為文字並將其發送到html2pdf。 varelement=document.getElementById('form');html2

如何在HTML表單中允許多個檔案上傳 如何在HTML表單中允許多個檔案上傳 Aug 28, 2023 pm 08:25 PM

Inthisarticle,wewilllearnhowtoallowmultiplefilesuploadsinHTMLforms.我們使用多個屬性,以允許在HTML表單中進行多個檔案上傳。多個屬性適用於電子郵件和文件輸入類型。 Ifyouwanttoallowausertouploadthefiletoyourwebsite,youneedtouseafileuploadbox,alsoknownasafile,selectbox.Thisiscreatedusingthe<in

PHP檔案上傳教學:如何使用HTML表單上傳文件 PHP檔案上傳教學:如何使用HTML表單上傳文件 Jun 11, 2023 am 08:10 AM

PHP檔案上傳教學:如何使用HTML表單上傳檔案在進行網站開發過程中,檔案上傳功能是非常常見的需求。而PHP作為一種流行的伺服器腳本語言,可以很好地實現文件上傳功能。本文將詳細介紹如何使用HTML表單完成檔案上傳。一、HTML表單首先,我們需要使用HTML表單建立一個檔案上傳的頁面。 HTML表單中需要設定enctype屬性為「multipart/form-

如何使用Java處理HTML表單? 如何使用Java處理HTML表單? Aug 10, 2023 pm 02:05 PM

如何使用Java處理HTML表單? HTML表單是網頁中常用的互動元素之一,透過表單使用者可以輸入和提交資料。而Java作為一種強大的程式語言,可以用來處理和驗證HTML表單資料。本文將介紹如何使用Java處理HTML表單,並附帶程式碼範例。在Java中處理HTML表單資料的基本步驟如下:監聽並接收來自HTML表單的POST請求;解析請求的參數;根據需求進行資料處

PHP 正規表示式:如何搭配 HTML 中的所有 form 標籤 PHP 正規表示式:如何搭配 HTML 中的所有 form 標籤 Jun 23, 2023 am 10:38 AM

在Web開發中,經常需要使用正規表示式來進行字串的匹配。在HTML中,form標籤是非常重要的一個標籤,因此如果我們需要取得頁面中的所有form標籤,那麼正規表示式就成為了一個非常有用的工具。本文將介紹使用PHP中的正規表示式來符合HTML中的所有form標籤。一、HTML中的form標籤form標籤是HTML中非常重要的一個標籤,它用來建立表單。表單是用

Ajax哪些提交方式 Ajax哪些提交方式 Nov 17, 2023 pm 02:55 PM

Ajax的提交方式有GET提交、POST提交、PUT提交和DELETE提交等。詳細介紹:1、GET提交,是一種常見的提交方式,它透過將表單資料附加到URL中,並使用Ajax發送請求,GET請求適用於小型資料量的情況,因為它們可以在瀏覽器歷史記錄中緩存,並且可以在多個頁面之間共享連結;2、POST提交,是一種更常見的提交方式,透過將表單資料包含在請求體中,並使用Ajax發送等等。

探究Ajax五種不同的提交方式 探究Ajax五種不同的提交方式 Jan 17, 2024 am 09:51 AM

在Web開發中,Ajax已經是一種被廣泛採用的技術。簡單來說,Ajax是透過JavaScript發起非同步請求,透過更新頁面局部內容,實現無刷新的效果。但是,Ajax的請求方式也不是僅限於GET和POST。今天,我們來深入探討Ajax的五種提交方式,並提供具體的程式碼範例。 GET請求GET請求是最常見的Ajax提交方式。它將數據

常見的Ajax提交方式有五種 常見的Ajax提交方式有五種 Jan 17, 2024 am 11:09 AM

學習Ajax中五種常見的提交方式,需要具體程式碼範例簡介:隨著Web應用的發展和使用者對互動性和即時性的需求增加,Ajax技術成為了前端開發中不可或缺的一部分。 Ajax(AsynchronousJavaScriptandXML)是一種使用JavaScript進行非同步通訊的技術,可以在不刷新整個頁面的情況下,實現與伺服器的資料互動和更新頁面內容。在Ajax中

See all articles