使用表單向使用者收集資訊

上次更新時間 2021年12月20日

關於從使用者收集資訊

您可以使用網頁表單或超文本連結從使用者收集資訊，將該資訊儲存在伺服器的記憶體中，然後使用該資訊根據使用者的輸入建立動態回應。收集使用者資訊最常見的工具是 HTML 表單和超文本連結。

HTML 表單

讓您從使用者收集資訊並將其儲存在伺服器的記憶體中。HTML 表單可以將資訊作為表單參數或 URL 參數傳送。

超文字連結

讓您從使用者收集資訊並將其儲存在伺服器的記憶體中。您可以透過將值附加到錨點標記中指定的 URL 來指定當使用者點選連結時要提交的值 (或多個值)，例如偏好設定。當使用者點選連結時，瀏覽器會將 URL 和附加值傳送到伺服器。

Dreamweaver 和更高版本的用戶介面已經簡化。因此，您在 Dreamweaver 和更高版本中可能會找不到本文所描述的一些選項。如需詳細資訊，請參閱本文。

HTML 表單參數

表單參數透過使用 POST 或 GET 方法的 HTML 表單傳送到伺服器。

使用 POST 方法時，參數作為文件標頭的一部分傳送到網頁伺服器，使用標準方法檢視頁面的任何人都無法看到或存取這些參數。POST 方法應用於影響資料庫內容的值 (例如插入、更新或刪除記錄)，或透過電子郵件傳送的值。

GET 方法將參數附加到請求的 URL。所有檢視頁面的人都可以看到參數。 GET 方法應該用於搜尋表單。

您可以使用 Dreamweaver 快速設計將表單參數傳送到伺服器的 HTML 表單。請注意您用來從瀏覽器向伺服器傳輸資訊的方法。

表單參數會採用對應表單物件的名稱。例如，如果您的表單包含名為 txtLastName 的文字欄位，則當使用者點選「提交」按鈕時，會將以下表單參數傳送到伺服器：

txtLastName=enteredvalue

在網站應用程式期望精確參數值的情況下 (例如，當它根據多個選項之一執行動作時)，請使用選項按鈕、核取方塊或清單/選單表單物件來控制使用者可以提交的值。這可以防止使用者錯誤輸入資訊並導致應用程式錯誤。下列範例顯示提供三種選項的彈出式選單表單：

每個選單選擇都對應一個硬編碼的值，該值會以表單參數的形式傳送至伺服器。以下範例中的「清單值」對話框將每個清單項目與一個值 (新增、更新或刪除) 配對：

建立表單參數後，Dreamweaver 可以擷取該值並在網站應用程式中使用它。在 Dreamweaver 中定義表單參數後，您可以在頁面內插入其值。

URL 參數

URL 參數讓您將使用者提供的資訊從瀏覽器傳遞到伺服器。當伺服器收到請求且參數附加到請求的 URL 時，伺服器會在將該頁面提供給瀏覽器之前，讓請求的頁面存取這些參數。

URL 參數是附加到 URL 的名稱值配對。參數以問號 (?) 開頭其形式為名稱=值。如果存在多個 URL 參數，每個參數會以 & 符號分隔。以下範例顯示具有兩個名稱值組的 URL 參數：

http://server/path/document?name1=value1&name2=value2

在這個範例工作流程中，應用程式是一個網路架構的店面。由於網站開發人員希望接觸到最廣泛的客群，網站設計支援外幣。當使用者登入網站時，可以選取檢視商品價格的貨幣。

瀏覽器會向伺服器要求 report.cfm 網頁。這項要求包含 URL 參數 Currency="euro"。 Currency="euro" 變數指定擷取的所有貨幣金額都會顯示為歐盟歐元。

伺服器會將 URL 參數暫時儲存在記憶體中。

report.cfm 頁面使用參數來擷取商品的歐元成本。這些貨幣金額可以儲存在不同貨幣的資料庫表格中，或者從與每個商品相關聯的單一貨幣轉換而來 (應用程式支援的任何貨幣)。

伺服器會將 report.cfm 頁面傳送到瀏覽器，並以要求的貨幣顯示商品的價值。當此使用者結束工作階段時，伺服器會清除 URL 參數的值，釋放伺服器記憶體以容納新的使用者要求。

使用 GET 方法搭配 HTML 表單時也會建立 URL 參數。GET 方法指定在提交表單時將參數值附加到 URL 要求。

URL 參數的典型用途包括根據使用者偏好設定個人化網站。例如，由使用者名稱和密碼組成的 URL 參數可用於驗證使用者，僅顯示該使用者已訂閱的資訊。常見的範例包括根據使用者先前選取的股市代碼顯示個股價格的金融網站。網頁應用程式開發人員通常使用 URL 參數將值傳遞給應用程式內的變數。例如，您可以將搜尋詞彙傳遞給網頁應用程式中的 SQL 變數，以產生搜尋結果。