最有范儿的H5制作工具—应用之星之表单控件详解
2016-06-17 10:41
826 查看
H5页面在线制作平台大家应该都很熟悉了,它的出现使招聘、邀请、宣传都变得很精致。最近,应用之星也推出了H5页面制作,这个平台的功能很强大,不仅能做H5页面,还能制作App。其中,平台的表单控件功能具有很强的互动性,打破了H5单一的传播局面。今天,我就来详细说一下这个表单控件。
首先,登陆应用之星网站(http://www.appstar.com.cn/),注册登录后,点击应用制作,就来到了编辑页面。点击“表单”控件,系统会弹出“输入框”、“单选框”、“多选框”、“提交按钮”这4个选项,用户可根据需要选择合适的表单类型,下面是表单类型的具体介绍。
1.输入框
当用户需要收集文本信息时,可以选择输入框。用户可根据需求更改或填写任意名称,通过复制输入框来增加输入框数量,也可删除任意输入框。输入框适用于会务、会展等场景,用于收集客户信息(如姓名、电话、邮箱等)。
2.单选框
用户可根据需求填写标题和选项。比如标题“你最喜爱的体育运动是什么”,选项1“篮球”、选项2“足球”、选项3“品乓球”、选项4“棒球”......总之,单选框适用于收集答案唯一性的信息。
3.多选框
用户可根据需求填写标题和选项。比如标题“你平时做哪些体育运动”,选项1“篮球”、选项2“足球”、选项3“品乓球”、选项4“棒球”......总之,多选框适用于收集答案多样性的信息。
4.提交按钮
名称默认为【提交】,用户可根据需求填写任意名称。一般表单完成后,都会在下面添加一个提交按钮。
通过上面的介绍,大家对表单控件的使用方法应该有所了解了,下面我以一个案例来说明如何使用。比如我要做一个结婚请柬的微场景,最后一个页面需要统计客人的联系方式和人数,以便我准备结婚当天的酒席。这个需求就可以通过表单控件—输入框来完成。
①点击文本控件,添加文本内容“诚邀赴宴”。
②点击表单控件,选择“输入框”;再复制两个输入框,三个输入框分别命名为“您的姓名”、“您的电话”、“您携带几位家属”。
③点击表单控件,选择“提交按钮”,在最后一个输入框下面添加一个提交按钮,就大功告成啦!
通过以上简单的两步,就完成了我要的效果,还不错吧。制作完毕可以将场景直接一键发送给微信好友、朋友圈、QQ 好友、QQ 空间,复制链接或生成二维码保存在手机上,多平台推广和营销必备。只要我的朋友们填写了信息,我就可以在应用之星的个人中心看到,真的太方便啦。
现在手痒了吗?想制作属于自己的微场景了吧?应用之星传送门:http://www.appstar.com.cn/,拿好不谢!
首先,登陆应用之星网站(http://www.appstar.com.cn/),注册登录后,点击应用制作,就来到了编辑页面。点击“表单”控件,系统会弹出“输入框”、“单选框”、“多选框”、“提交按钮”这4个选项,用户可根据需要选择合适的表单类型,下面是表单类型的具体介绍。
1.输入框
当用户需要收集文本信息时,可以选择输入框。用户可根据需求更改或填写任意名称,通过复制输入框来增加输入框数量,也可删除任意输入框。输入框适用于会务、会展等场景,用于收集客户信息(如姓名、电话、邮箱等)。
2.单选框
用户可根据需求填写标题和选项。比如标题“你最喜爱的体育运动是什么”,选项1“篮球”、选项2“足球”、选项3“品乓球”、选项4“棒球”......总之,单选框适用于收集答案唯一性的信息。
3.多选框
用户可根据需求填写标题和选项。比如标题“你平时做哪些体育运动”,选项1“篮球”、选项2“足球”、选项3“品乓球”、选项4“棒球”......总之,多选框适用于收集答案多样性的信息。
4.提交按钮
名称默认为【提交】,用户可根据需求填写任意名称。一般表单完成后,都会在下面添加一个提交按钮。
通过上面的介绍,大家对表单控件的使用方法应该有所了解了,下面我以一个案例来说明如何使用。比如我要做一个结婚请柬的微场景,最后一个页面需要统计客人的联系方式和人数,以便我准备结婚当天的酒席。这个需求就可以通过表单控件—输入框来完成。
①点击文本控件,添加文本内容“诚邀赴宴”。
②点击表单控件,选择“输入框”;再复制两个输入框,三个输入框分别命名为“您的姓名”、“您的电话”、“您携带几位家属”。
③点击表单控件,选择“提交按钮”,在最后一个输入框下面添加一个提交按钮,就大功告成啦!
通过以上简单的两步,就完成了我要的效果,还不错吧。制作完毕可以将场景直接一键发送给微信好友、朋友圈、QQ 好友、QQ 空间,复制链接或生成二维码保存在手机上,多平台推广和营销必备。只要我的朋友们填写了信息,我就可以在应用之星的个人中心看到,真的太方便啦。
现在手痒了吗?想制作属于自己的微场景了吧?应用之星传送门:http://www.appstar.com.cn/,拿好不谢!
相关文章推荐
- 应用之星:H5制作又出一利器,分分钟刷爆朋友圈
- 手把手教你我是如何用H5制作工具在微信上宣传我的店铺
- 应用之星:制作H5婚礼邀请函,让你的婚礼与众不同!
- 应用之星教你如何在H5页面中加入视频?
- 愚人节不愚人:用H5营销引爆朋友圈
- 如何在5分钟内完成H5制作?
- 婚礼的正确打开方式:“电子+纸质”请柬,让婚礼更出彩
- 应用之星带你玩转H5页面和app开发,不懂技术的看过来
- H5页面上也能发起投票,让朋友圈HIGH起来!
- 歪果仁的国庆节怎么过?我们的国庆你绝对是这样过的!
- 分享国内外好用的H5页面制作网站
- 神器推荐:应用之星,零代码就能制作炫酷的H5页面
- 视频H5页面/视频app怎么做?
- 如何用H5做产品介绍,吸引用户买买买?
- 不懂技术,如何轻松制作微信H5页面?
- 神器推荐:应用之星,零代码就能制作炫酷的H5页面
- H5及H5页面是什么意思?如何制作H5页面?
- ccah-500 第42题 want to set and enforce a block size of 128MB for all new files written to the cluster
- HTML5桌面通知:notification
- HTML5 data-* 自定义属性