我們經(jīng)常需要收集數(shù)據(jù)，今天我們來介紹一種自己實(shí)現(xiàn)問卷調(diào)查數(shù)據(jù)表的制作方法，本節(jié)教程是單選框的交互制作，希望大家看完都可以學(xué)會(huì)。我們使用的H5工具是Epub360，下面就進(jìn)入教學(xué)環(huán)節(jié)吧~

一、組件介紹：

單選項(xiàng)：可實(shí)現(xiàn)用戶在一組選項(xiàng)中只能選中一項(xiàng)功能效果，配合高級(jí)表單可收集用戶選擇的單個(gè)選項(xiàng)，是高級(jí)表單的功能之一。

 

體驗(yàn)地址：www.epub360

 

二、組件效果

三、場(chǎng)景應(yīng)用

相對(duì)于平常的表單，高級(jí)表單的最大特點(diǎn)在于靈活性、交互性。通常用于調(diào)查問卷，收集和統(tǒng)計(jì)某一組多個(gè)選項(xiàng)單一的選擇，比如說，性別、年齡區(qū)間，一般適用于只有一個(gè)答案的情況。

四、組件用法

1. 第一步先新建高級(jí)表單內(nèi)容，在工作臺(tái)左側(cè)面板找到表單新建一個(gè)表單；

2.我們選擇一個(gè)高級(jí)表單類型為：?jiǎn)芜x項(xiàng)，點(diǎn)擊添加；

3.添加好后。我們可以命名這個(gè)組選項(xiàng)名稱，左側(cè)命名每個(gè)選項(xiàng)，初始預(yù)設(shè)兩個(gè)，選項(xiàng)大于兩個(gè)可以點(diǎn)下面添加選項(xiàng)內(nèi)容，做好別忘了點(diǎn)保存；

4.保存后我們可以關(guān)掉這個(gè)頁面，選中這個(gè)表單，在右側(cè)給這個(gè)表單命名，好習(xí)慣要養(yǎng)成；

5.打開編輯器，在上方高級(jí)交互，高級(jí)表單分類中找到“單選項(xiàng)”，點(diǎn)擊添加到畫布上；

6.選中單選項(xiàng)組件，右側(cè)可以給這個(gè)選項(xiàng)名稱命名，我們可以通過再添加或者復(fù)制出來幾個(gè)，依次修改名稱和標(biāo)簽（名稱是為了區(qū)分）；

7.再編輯器右側(cè)面板最右側(cè)圖標(biāo)下點(diǎn)擊添加應(yīng)用，找到我們剛剛在工作臺(tái)那里新建的表單；

8.依次綁定工作臺(tái)新建的表單內(nèi)容，我們還需要添加提交按鈕（也在高級(jí)表單下面）；

9.這樣就做好了，可以預(yù)覽一下試試看~

注意事項(xiàng)：

1. 如果發(fā)現(xiàn)后添加的選項(xiàng)沒有出現(xiàn)在右側(cè)面板綁定表單內(nèi)容選擇里，可以點(diǎn)右上角的刷新看下；

意派科技創(chuàng)意出品，轉(zhuǎn)載請(qǐng)注明來源：專業(yè)的H5頁面制作工具epub360

Epub360，是一個(gè)專業(yè)的H5頁面制作工具及企業(yè)服務(wù)平臺(tái)，提供工具技術(shù)支持、工具教學(xué)培訓(xùn)、企業(yè)H5互動(dòng)營(yíng)銷解決方案等服務(wù)。