如何使用KompoZer添加表單

01之06

用KompoZer添加一個表格

用KompoZer添加一個表格。 屏幕截圖Jon Morin提供

在創建網頁時,您有很多次需要處理用戶提交的輸入內容,例如登錄頁面,創建新帳戶或提交問題或評論。 用戶輸入被收集並使用HTML表單發送到Web服務器。 KompoZer的內置工具可以輕鬆添加表單。 所有HTML 4.0支持的表單字段類型都可以用KompoZer添加和編輯,但對於本教程,我們將使用文本,文本區域,提交和重置按鈕。

02 06

用KompoZer創建一個新窗體

用KompoZer創建一個新窗體。 屏幕截圖Jon Morin提供

KompoZer具有豐富的表單工具,您可以使用它將表單添加到您的網頁中。 您可以通過單擊工具欄上的“表單”按鈕或隨附的下拉菜單訪問表單工具。 請注意,如果您沒有編寫自己的表單處理腳本 ,則需要從文檔或編寫腳本的程序員那裡獲取此步驟的一些信息。 您也可以使用mailto表單,但它們並不總是有效

  1. 將光標置於希望表單出現在頁面上的位置。
  2. 單擊工具欄上的表單按鈕。 窗體屬性對話框打開。
  3. 為表單添加一個名稱。 該名稱用於自動生成的HTML代碼中以識別表單並且是必需的。 在添加表單之前,您還需要保存頁面。 如果您正在處理新的未保存的頁面,KompoZer會提示您保存。
  4. 將URL添加到將在“操作URL”字段中處理表單數據的腳本。 表單處理程序通常是用PHP或類似的服務器端語言編寫的腳本。 沒有這些信息,您的網頁將無法對用戶輸入的數據進行任何操作。 如果您沒有輸入,KompoZer會提示您輸入表單處理程序的URL。
  5. 選擇用於將表單數據提交給服務器的方法。 這兩個選擇是GET和POST。 您需要知道腳本需要哪種方法。
  6. 單擊確定,表單將添加到您的頁面。

03年06月

使用KompoZer將文本字段添加到表單中

使用KompoZer將文本字段添加到表單中。 屏幕截圖Jon Morin提供

使用KompoZer將表單添加到頁面後,表單將以淺藍色虛線在頁面上進行概述。 你在這個區域內添加你的表單域。 您也可以輸入文字或添加圖像,就像在頁面的任何其他部分一樣。 文本可用於添加提示或標籤以形成指導用戶的字段。

  1. 選擇要將文本字段放到輪廓表單區域中的位置。 如果您想添加標籤,您可能需要先輸入文本。
  2. 單擊工具欄上“表單”按鈕旁邊的向下箭頭,然後從下拉菜單中選擇“表單字段”。
  3. 窗體域屬性窗口將打開。 要添加文本字段,請從標有字段類型的下拉菜單中選擇文本。
  4. 為文本字段命名。 該名稱用於標識HTML代碼中的字段,並且表單處理腳本需要名稱來處理數據。 通過切換更多屬性/更少屬性按鈕或按下高級編輯按鈕,可以在此對話框中修改許多其他可選屬性,但現在我們只需輸入字段名稱即可。
  5. 點擊確定,文本框出現在頁面上。

04年6月

使用KompoZer將文本區域添加到窗體

使用KompoZer將文本區域添加到窗體。 屏幕截圖Jon Morin提供

有時,需要在表單上輸入大量文本,例如消息或問題/評論字段。 在這種情況下,文本字段是不恰當的。 您可以使用表單工具添加文本區域表單域。

  1. 將光標定位在希望使用文本區域的表單輪廓中。 如果你想輸入一個標籤,通常是一個好主意,鍵入標籤文本,按Enter鍵移動到一個新行,然後添加表單字段,因為頁面上的文本區域的大小使它難以理解標籤位於左側或右側。
  2. 單擊工具欄上“表單”按鈕旁邊的向下箭頭,然後從下拉菜單中選擇“文本區域”。 文本區域屬性窗口將打開。
  3. 輸入文字區域的名稱。 該名稱標識HTML代碼中的字段,並由表單處理腳本用於處理用戶提交的信息。
  4. 輸入您希望文本區域顯示的行數和列數。 這些尺寸決定了頁面上字段的大小以及在滾動需要發生之前可以輸入多少文本。
  5. 可以使用此窗口中的其他控件指定更高級的選項,但現在字段名稱和維數已足夠。
  6. 單擊確定,文本區域出現在窗體上。

05年06月

使用KompoZer將提交和重置按鈕添加到表單中

使用KompoZer將提交和重置按鈕添加到表單中。 屏幕截圖Jon Morin提供

在用戶填寫完頁面上的表單之後,需要用某種方式將信息提交給服務器。 此外,如果用戶想要重新開始或出錯,那麼包含一個控件可以將所有表單值重置為默認值,這很有幫助。 特殊的表單控件處理這些功能,分別稱為提交和重置按鈕。

  1. 將光標放在您希望提交或重置按鈕的輪廓表單區域內。 大多數情況下,這些將位於表單上其餘字段的下方。
  2. 單擊工具欄上“表單”按鈕旁邊的向下箭頭,然後從下拉菜單中選擇“定義按鈕”。 按鈕屬性窗口將出現。
  3. 從標記為類型的下拉菜單中選擇按鈕的類型。 您的選擇是提交,重置和按鈕。 在這種情況下,我們將選擇提交類型。
  4. 為該按鈕命名,該按鈕將用於HTML和表單處理代碼以處理表單請求。 Web開發人員通常將該字段命名為“提交”。
  5. 在標籤為Value的框中,輸入應出現在按鈕上的文字。 文本應該簡短但描述當按鈕被按下時會發生什麼。 像“提交”,“提交表單”或“發送”就是很好的例子。
  6. 單擊確定,該按鈕出現在窗體上。

可以使用相同的過程將重置按鈕添加到表單中,但從類型字段中選擇重置而不是提交。

06年06月

用KompoZer編輯表格

用KompoZer編輯表格。 屏幕截圖Jon Morin提供

在KompoZer中編輯表單或表單域非常容易。 只需雙擊想要編輯的字段,就會出現相應的對話框,您可以在其中更改字段屬性以滿足您的需求。 上圖顯示了使用本教程中涵蓋的組件的簡單表單。