欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

logo竹子建站
組件使用方法：表單組件
2023-05-26 16:14:36
表單對(duì)于用戶來說是數(shù)據(jù)錄入和提交的界面，對(duì)于網(wǎng)站來說是獲取用戶信息的途徑。表單使用的場(chǎng)景有很多，可以用于數(shù)據(jù)收集、問卷調(diào)研、活動(dòng)報(bào)名、申請(qǐng)登記、在線留言等。下面讓小編帶你Get兩種關(guān)于表單的制作方法！
  • 表單提交后的數(shù)據(jù)信息在網(wǎng)站數(shù)據(jù)——在線表單中查看，可以導(dǎo)出數(shù)據(jù)。

一、制作調(diào)查問卷

創(chuàng)建表單

在相應(yīng)區(qū)域添加表單組件，點(diǎn)擊“+”創(chuàng)建表單，給表單命名，隨后添加表單基礎(chǔ)組件，在這里我們使用單項(xiàng)選擇/多項(xiàng)選擇。
每個(gè)表單的基礎(chǔ)組件都可以單獨(dú)設(shè)置。選項(xiàng)需要換行編輯；分列排版設(shè)置選項(xiàng)的排版樣式

邏輯設(shè)置

選擇某個(gè)選項(xiàng)/選擇某幾個(gè)選項(xiàng)就會(huì)跳轉(zhuǎn)到對(duì)應(yīng)的問題上去，需要用到邏輯設(shè)置。
點(diǎn)擊表單編輯欄——設(shè)置——邏輯設(shè)置——增加邏輯。
例1：小編設(shè)置的第一題的第二個(gè)選項(xiàng)跳第三題。
選項(xiàng)二的其他對(duì)應(yīng)題也是選擇相應(yīng)的條件來進(jìn)行跳轉(zhuǎn)。
 
例2：我想在所有選擇題做完后，后面的單行輸入框和提交同時(shí)出現(xiàn)，就可以有以下的操作：
設(shè)置他們的跳轉(zhuǎn)條件相同就可以滿足。
例3：多項(xiàng)選擇跳轉(zhuǎn)：“+”可以增加其他條件。
理清楚每道題、每個(gè)選項(xiàng)后的對(duì)應(yīng)的內(nèi)容，再選擇對(duì)應(yīng)的跳轉(zhuǎn)條件就可以完整制作出一個(gè)問卷調(diào)查啦，如果是依次做題就沒有這個(gè)需求了
效果如下視頻：
 

二、留言板

做一個(gè)高級(jí)點(diǎn)的留言板要怎么操作呢？讓留言板彈出來，我們需要用到獨(dú)立板塊+按鈕，給他們添加交互事件就可以完成。

第一步：在網(wǎng)站頁面——站點(diǎn)管理——獨(dú)立板塊——新建板塊，給獨(dú)立板塊命名。添加表單組件，制作一個(gè)留言板。

制作出這樣的效果需要用到容器組件——添加表單——表單容器組件——表單基礎(chǔ)組件

第二步：在單頁面對(duì)應(yīng)位置添加按鈕組件

 

第三步給按鈕組件添加交互事件：

添加——事件（點(diǎn)擊）——目標(biāo)（獨(dú)立板塊）——動(dòng)作（顯示）

第四步：在提交留言后怎樣讓彈窗自動(dòng)消失呢？可以有以下的操作。

打開獨(dú)立板塊給表單的提交按鈕添加交互事件
事件（提交成功）——目標(biāo)元素（獨(dú)立板塊）——動(dòng)作（隱藏）
最后的結(jié)果如下視頻：
 
 
上一篇 :
自助建站小技巧：如何“快準(zhǔn)狠”選中頁面中的組件/元素？
自助建站小技巧：鼠標(biāo)懸停圖片放大效果怎樣實(shí)現(xiàn)
: 下一篇

掃碼添加客服

版權(quán)所有©  竹子建站All Rights Reserved.  川公網(wǎng)安備51019002007277號(hào) 蜀ICP備17035450號(hào)-1    

模板網(wǎng)站中圖片均源于網(wǎng)絡(luò)，侵刪