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