您的位置:首页 > Web前端 > HTML5

最有范儿的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/,拿好不谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  H5页面制作