最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

自助建站、網(wǎng)頁設(shè)計教程

通過學(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)容即可。

 

提交成功,謝謝反饋!

請完整填寫表單的信息后,再進行提交!