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

自助建站、網頁設計教程

通過學習路線圖,零基礎學習專業網頁設計、小程序UI設計技巧,成就網頁設計高手。

表單組件

     表單一般用于收集用戶信息、反饋信息等。coolsite表單是一個獨立的功能模塊,可以通過工作臺進行編輯與設定,完成后通過專業建站編輯器綁定到網頁的靜態表單中。下面為大家介紹在coolsite360專業建站中是如何操作使用的。

新建表單

在工作臺左側導航面板找到表單選項,點擊進入后點擊「新建表單」,如下圖所示:

 coolsite表單定義了可收集文本、段落 、復選框 、單選框 、下拉框幾種類型,點擊「添加元素」后,選中想收集的類型會在右邊新增一項,初始自定義了姓名,性別、住址,也可以對其進行增加刪除操作。

l

選中添加的元素可對其編輯命名,這里以收集文本類型為例,命名完之后要記得保存表單哦~

保存之后,需要給自己的表單命名,假設名稱設為“留言板”,這樣一個表單就新建成功啦。

制作表單

專業建站編輯有兩種制作表單的方式:

方法1:可以通過預置模塊插入。在編輯器的相應節模塊的配置欄點擊增加模塊,選擇功能模塊里面的「聯系表單」插入,這時內容模塊多了聯系表單,如下圖所示:。注:插入之后可在右側面板調節表單的樣式。

 

方法2:使用專業編輯器的表單控件。在編輯器的左側工具欄找到「表單控件」,點擊插入,默認生成初始樣式。 

根據需求自定義自己的表單樣式及DOM結構,下面是簡單調整后的表單。

 

綁定表單

專業建站里,需要注意的是新建建的表單現在是靜態的,需要把它轉換成動態表單才能綁定數據。

1.選中表單控件,點擊右上角「轉換為動態表單」的按鈕,看到「綁定表單數據源」相關的選項就可以操作里。

2.點擊綁定表單數據源項的“+”項,選擇提前在工作臺準備好的表單「留言板」,點擊「插入/替換」

3.右側每一項分別選擇與工作臺建立的表單項一一對應即可完成綁定。操作如下圖所示:

 

 

查看數據

保存預覽后,輸入表單內容。

 

這時,工作臺的表單已經收集到剛才輸入的內容即可。

 

提交成功,謝謝反饋!

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