如何使用自定義表單？

發布時間:2020-02-02 10:47:57   瀏覽人數: 40786 次  

進入需要添加表單的頁面，打開左側工具欄【+】，選擇表單模塊--自定義--選中表單容器拖動到指定位置，并調整好大小，如下圖：

根據實際需求，添加表單需要的元素，如輸入框/多行文本/下拉選擇/文件上傳等元素，（建議按照先后順序一次性添加好需要的表單元素）如下圖：

調整好表單容器的寬度/高度，鼠標右鍵設置表單容器，進入常規屬性面板頁面，設置好表單的名稱，以及關聯好新設置的表單名稱，（設置表單名稱后需保存刷新頁面，才可以選擇已創建的表單名稱關聯）如下圖：

分別設置已添加的表單元素的基礎屬性，如是否必填/元素名稱/提醒文字/約束類型/是否顯示標題等，完成后進行保存，如下圖：

刷新頁面，分別重新設置表單元素，選擇綁定對應的表單字段，（需先設置表單元素名稱保存刷新頁面后，才能進行字段綁定）如下圖：

設置表單提交按鈕，選擇類型為表單提交類型，如下圖（如不選擇可能導致表單無法提交）：

鼠標右鍵設置表單容器，選擇【一鍵排版】可將已制作好的表單進行美化排版，如下圖：

分別切換到平板/手機端，選擇【一鍵排版】可單獨進行排版，不影響電腦端，如下圖：

預覽網站提交表單，管理員進入系統設置--表單系統--回復列表，即可查看已提交的表單，如下圖：

注意事項：

1、表單選項自定義操作較為復雜，建議選擇已制作好的留言/表單模塊添加；

2、如關聯表單名稱失敗，或綁定表單元素未生效，請刷新頁面重新設置保存。