表單一般用于收集用戶信息、反饋信息等。coolsite表單是一個(gè)獨(dú)立的功能模塊,可以通過工作臺(tái)進(jìn)行編輯與設(shè)定,完成后通過專業(yè)建站編輯器綁定到網(wǎng)頁(yè)的靜態(tài)表單中。下面為大家介紹在coolsite360專業(yè)建站中是如何操作使用的。
新建表單
在工作臺(tái)左側(cè)導(dǎo)航面板找到表單選項(xiàng),點(diǎn)擊進(jìn)入后點(diǎn)擊「新建表單」,如下圖所示:
coolsite表單定義了可收集文本、段落 、復(fù)選框 、單選框 、下拉框幾種類型,點(diǎn)擊「添加元素」后,選中想收集的類型會(huì)在右邊新增一項(xiàng),初始自定義了姓名,性別、住址,也可以對(duì)其進(jìn)行增加刪除操作。
l
選中添加的元素可對(duì)其編輯命名,這里以收集文本類型為例,命名完之后要記得保存表單哦~
保存之后,需要給自己的表單命名,假設(shè)名稱設(shè)為“留言板”,這樣一個(gè)表單就新建成功啦。
制作表單
專業(yè)建站編輯有兩種制作表單的方式:
方法1:可以通過預(yù)置模塊插入。在編輯器的相應(yīng)節(jié)模塊的配置欄點(diǎn)擊增加模塊,選擇功能模塊里面的「聯(lián)系表單」插入,這時(shí)內(nèi)容模塊多了聯(lián)系表單,如下圖所示:。注:插入之后可在右側(cè)面板調(diào)節(jié)表單的樣式。
方法2:使用專業(yè)編輯器的表單控件。在編輯器的左側(cè)工具欄找到「表單控件」,點(diǎn)擊插入,默認(rèn)生成初始樣式。
根據(jù)需求自定義自己的表單樣式及DOM結(jié)構(gòu),下面是簡(jiǎn)單調(diào)整后的表單。
綁定表單
專業(yè)建站里,需要注意的是新建建的表單現(xiàn)在是靜態(tài)的,需要把它轉(zhuǎn)換成動(dòng)態(tài)表單才能綁定數(shù)據(jù)。
1.選中表單控件,點(diǎn)擊右上角「轉(zhuǎn)換為動(dòng)態(tài)表單」的按鈕,看到「綁定表單數(shù)據(jù)源」相關(guān)的選項(xiàng)就可以操作里。
2.點(diǎn)擊綁定表單數(shù)據(jù)源項(xiàng)的“+”項(xiàng),選擇提前在工作臺(tái)準(zhǔn)備好的表單「留言板」,點(diǎn)擊「插入/替換」。
3.右側(cè)每一項(xiàng)分別選擇與工作臺(tái)建立的表單項(xiàng)一一對(duì)應(yīng)即可完成綁定。操作如下圖所示:
查看數(shù)據(jù)
保存預(yù)覽后,輸入表單內(nèi)容。
這時(shí),工作臺(tái)的表單已經(jīng)收集到剛才輸入的內(nèi)容即可。