Wix 說明
首頁
文章庫
建立網站
進階功能
CMS
將使用者輸入元件連結至 CMS

CMS：新增及設定文字輸入元件

11 分鐘
新增文字輸入、文字方塊或 RTF 方塊元件，收集訪客輸入的電子郵件地址或電話號碼等資訊。將文字元件連結至相關集合欄位，並新增「提交」按鈕，供訪客點擊以提交資料。
文字輸入元件與提交按鈕範例的螢幕截圖。
開始之前：
若尚未新增，請先新增 CMS（內容管理系統）。
注意：

Wix Harmony 編輯器不支援輸入元件，因此訪客無法篩選內容或將項目提交至集合。若要收集訪客資訊，請改用 Wix Forms 新增表單。深入了解 Wix Harmony 中運作方式不同的功能。

步驟 1｜新增及設定文字輸入元件

新增單行文字輸入元件，或新增可輸入多行文字且區域較大的文字方塊。接著自訂輸入元件的設定、版面配置和設計，以符合網站需求。
  1. 點擊編輯器左側的「新增元件」。
  2. 點擊「輸入」。
  3. 點擊要新增的文字輸入類型：
    • 文字輸入：訪客可在單行欄位中輸入或編輯文字。
    • 文字方塊：訪客可在支援多行輸入的欄位中輸入或編輯文字。
在 Wix 編輯器中新增文字輸入元件的螢幕截圖。
  1. 點擊所選的文字輸入元件，並將其拖曳到頁面上。
  2. 點擊輸入元件上的「設定」，並編輯以下內容：
    • 類型：（僅限文字輸入元件）選擇文字輸入欄允許的資訊類型：
      • 文字：允許在輸入欄中輸入所有類型的字元，例如姓名、地址或其他不含特定格式的資訊。
      • 密碼：隱藏密碼欄位中輸入的所有字元。
      • 數字：僅允許在輸入欄中輸入數字。
      • 電子郵件：僅允許輸入電子郵件地址。如果輸入的電子郵件地址格式無效，系統會顯示工具提示警告使用者。
      • 網址：僅允許輸入網址。如果輸入的網址格式無效，系統會顯示工具提示警告使用者。
      • 電話號碼：允許在輸入欄中輸入所有類型的字元。
    • 欄位標題：輸入顯示在輸入元件上方的標題。
    • 顯示初始文字：選擇欄位中顯示的初始文字，並視需要輸入預留位置文字和預設文字。
    • 驗證：選擇以下選項：
      • 欄位類型：選擇相關選項：
        • 必填：要求訪客提交前必須在欄位中輸入值。
        • 唯讀：將元件設為僅顯示內容。訪客無法編輯值，但可以複製內容。
      • 設定字元限制：啟用切換開關，將訪客提交內容限制在指定的字元數內，然後輸入字元數上限。
      • 新增模式驗證：（僅限文字輸入元件）啟用切換開關並輸入正規表示式程式碼，在瀏覽器的預設驗證之外新增自訂模式驗證。
      • 錯誤訊息格式：選擇錯誤訊息的顯示方式：行內或工具提示。
編輯文字輸入元件設定的畫面截圖。
  1. 點擊「版面配置」圖示 ，即可編輯縮排、間距、文字方向和對齊方式。
  2. 點擊「設計」圖示 ，選擇預設設計。接著點擊「自訂設計」，進一步調整設計。

第 2 步｜將文字輸入框連結至 CMS

將文字輸入框連結至已連結目標集合和欄位的資料集，提交內容將儲存在該欄位中。如有需要，請調整資料集模式和集合權限。接著，新增「提交」按鈕，讓訪客點擊按鈕，將輸入內容傳送至集合。
  1. 在編輯器中，點擊相關的文字輸入元件。
  2. 點擊「連結至 CMS」圖示 。
  3. 點擊「選擇資料集」下拉式選單，並選擇已連結至集合的現有資料集。也可點擊「新增資料集」，選擇要連結的集合、為資料集命名，再點擊「建立」。
  4. 點擊「值連結至」下拉式選單，並選擇要用來儲存文字輸入提交內容的集合欄位。
    提示：選擇「＋新增」即可新增集合欄位來儲存提交內容。
已連結至 CMS 的文字輸入框螢幕截圖。
  1. 設定資料集模式和集合權限：
    1. 點擊右側面板中的「資料集設定」。
    2. （選填）點擊「權限」旁的權限類型，設定哪些人可以查看、新增、更新或刪除集合內容。
    3. 點擊「資料集模式」下拉式選單，並選擇相關選項：
      • 「寫入」：已連結的輸入元件可在集合中新增項目，但無法編輯現有項目。
      • 「讀取與寫入」：已連結的元件可更新集合中的現有項目。如果連結「新增」按鈕，訪客便可使用該按鈕更新現有項目，並在集合中新增項目。
  2. 建立「提交」按鈕，讓訪客點擊按鈕提交回覆。

常見問題

點擊下方問題，即可查看文字輸入元件的常見問題解答。