下面我们一起来学习iH5高级教程：H5数据应用，收集用户信息工具/原料moreiH5方法/步骤1/4分步阅读

选中舞台，点击页面工具，添加页面。重命名为报名页面。

2、选中页面，点击图片工具，上传5张图片。

3、选中页面，点击输入框工具，在白框上画一个区域，添加2个输入框，重命名为手机、姓名。在属性面板提示文字处填写请输入姓名、请输入手机。

4、选中报名页面，点击图片工具，上传确定图片。

5、选中报名页面，点击图片工具，上传报名成功图片并添加动效。隐藏图片的勾，即作品打开时报名成功不显示，之后通过事件使之显示。

2/4

、选中舞台，点击工具栏数据库工具，添加数据库。

2、选中数据库，点击工具栏文本字段工具，添加两个文本字段。分别绑定输入框，填写字段名称。

3/4

选中确定图片，点击工具栏事件工具，添加事件。手指按下确定图片，提交数据库。

2、选中数据库，点击工具栏事件工具，添加事件。

3、提交后点封面上的数据库图标，即可进入数据库查看信息。

4/4

重点控件：数据库、文本字段、输入框、事件

知识点:

数据库：数据库是案例存储数据的功能组件，用于收集观众在案例里输入的各类数据，观众即打开案例观看的人。数据库跟其他工具相配合还可以调用收集到的数据显示到案例中。例如投票、记录抽奖、邀请函等。通过案例封面的数据库按钮可查看数据库内容。

输入框：输入文字或数字等等，可配合数据库使用。

文本字段：通过数据库提交的文本信息。

重点事件：

触发对象：确定图片

触发条件：手指按下

目标对象：数据库

目标动作：提交

触发对象：数据库

触发条件：提交完成

目标对象：报名成功图片

目标动作：显示