Chronoforms 是一個很棒的表單設計套件,使用拖放的方式,就可以幫你產生簡易的表單。例如:最簡單的就是「聯絡表單」。

如果馬上要使用,Chronoforms 有提供DEMO展示表單可以直接選取。


選取之後,馬上就有現成的聯絡表單可以使用。

下圖看到的是,匯入 Contact Form 的表單設定畫面,可以做一些基本的設定。

接下來的「頁面」,就是Chronoforms很強的地方。
Views,可以拖拉需要的欄位或物件進來。

Actions,就是想要表單做的動作。
其實,在 Actions 裡面就可以寫程式了...可以做複雜的表單設計。

如果你只想要簡單的表單,就不太需要注意 Actions 了,只要處理它的基本動作設定即可。
例如:
Message 是送出表單之後,要顯示的訊息。
Email 是表單的email通知。

這裡看到 Message 和 Email 是DEMO表單的設定。我們可以再拖拉別的物件進來,執行其他動作。也就是,可以發揮的空間很大。
切換到「預覽」,就可以看到聯絡表單的樣子了。

其實我非常喜歡這樣的設計
拖放(Drag&Drop)的方式,對初學者或不熟悉的人,很簡單。
裡面的Actions動作很彈性,拖拉物件進來寫程式。對於進階的使用者來說,就少了很多的限制,可以自由創作。
接下來的課程單元與內容,我們要逐一的為大家介紹 Chronoforms 的使用方式。
課程內容會依實際需要設計,包含教學文件和影片。
歡迎大家一起來學習!





