自定义表单

在工具条下找到表单工具,表单工具下包括“输入框”“单选框”“多选框”“列表框”以及“表单”。


一、 输入文字(输入框)

如图,在工具条下找到“输入框”按钮,点击在“舞台”上“姓名”右边位置添加一个输入框

在输入框“属性”面板下调整相关属性,并用“变形”工具调整输入框在“舞台”上的大小与位置。

二、单选框

在工具条下找到“单选框”按钮,点击在“舞台”上“性别”右边位置添加一个单选框

在单选框“属性”面板下调节相关属性设置,例如设置选题“标签”为“男”“女”两个(每行为一个标签)。选择“变形”工具,调节“舞台”上单选框的位置、大小等。

另外,在“属性”面板内,如果将“外观”选为“定制”,还可自定义选择上传“未选中图片”以及“选中图片”的素材,此处不多做详述。

三、多选框

在工具条下找到“多选框”按钮,点击在“舞台”上“爱好”右边位置添加一个多选框

在多选框“属性”面板下调节相关属性设置,例如设置选题“标签”为“足球”“篮球”“乒乓球”等(每行为一个标签),选择“变形”工具,调节“舞台”上多选框的位置、大小等。

四、下拉菜单(列表框)

在工具条下找到“列表框”按钮,点击在“舞台”上“城市”右边位置添加一个列表框

在列表框“属性”面板下调节相关属性设置,例如输入“选项”内容为“北京(BJ)”“天津(TJ)”,“必填项”选择“是”。

  • 注意:设置“选项”内容时,注意观察选项内容输入框内的提示语“一行一个值,格式如:中国(CN)。其中(CN)是表单提交的值”)

点击“预览”,观察效果

五、表单提交

提交表单之前,我们要给所需提交的元素命名。如图,在输入框“属性”面板下为其命名为“姓名”

同理,分别将单选框、多选框以及列表框命名为“性别”“爱好”“城市”。

点击“舞台”上的“提交”按钮右边的“添加/编辑行为”按钮

在弹出的“编辑行为”对话框内选择“属性控制”→“提交表单”→触发条件:“点击”,点击“编辑”按钮。

在“参数”对话框中选择“提交目标”为“默认数据服务”,勾选需提交的对象,并选择“操作成功后”和“操作失败后”都为“跳转到页”,点击“操作成功后”右边的“编辑”按钮

在新弹出的“参数”对话框中设置页号为“2”,点击“确认”

点击“操作失败后”右边的“编辑”按钮,在新弹出的“参数”对话框中设置页号为“3”,点击“确认”

回到操作界面,添加第2、3页面,在第2页面添加文字素材“提交成功”,在第3页面添加文字素材“提交失败”

点击“预览”效果

保存作品,回到Mugeda账号主页,找到新保存的该作品

点击作品右下角的三个竖点符号,在弹出的选框中点击选择“统计”

进入数据统计页面,点击“表单数据”,进入表单数据统计页面,可观察到之前提交的信息。这就是提交表单和数据查询方法。

点击“导出数据”,可导出一个Excel形式的数据统计表

观看本节视频教程:
http://cdn1.mugeda.com/course/3/3.7/3.7.1.mp4