简体中文

简体中文

English

【表单】“按钮”组件功能介绍

2018-02-26 12832
135

按钮在现实生活中随处可见,同时也广泛存在于各种网页设计中,是人们都比较熟悉的一种网页元素。相比于文字链接或者图片,“按钮”拥有着更加强烈的点击暗示——按钮就是用来点击的。表单中也有一些按钮,比如表单底部提交区的“提交”按钮,提交后页面中的“返回”按钮,以及进行表单前后翻页的“分页”按钮等。

现在你可以为表单中添加各种自定义按钮了,不仅样式多样,还有多种按钮动作可供选择和设置。先让我们看一个表单示例(点此直接访问):

按钮的功能(动作)

点击按钮后会发生什么动作,是按钮的核心功能。编辑按钮组件时,可以通过“按钮动作”的下拉菜单选择不同的按钮动作,赋予按钮不同的功能用途,让我们逐个看一下~

提交表单

提交表单也就是提交表单反馈,其功能和表单提交区中原有的提交按钮功能是相同的,点击后就可以将表单中所填内容作为表单反馈提交至麦客后台,并且在提交前也同样会对表单中各组件中所填内容等进行格式校验,填错漏填都是会正常报错提示的。

使用按钮组件所制作的提交表单按钮,可以随心所欲地放在表单的任意位置,也可以在多个位置上添加不只一个提交按钮,随时在有必要的地方进行表单反馈的提交。

Tips:表单底部原有的提交按钮是可以设置为隐藏的哟~

跳转链接

设置一个网址链接,点击按钮后访问这个网址,这可以实现很多事情:比如查看官网,客服联系方式,具体的商品介绍页面,打开另一个表单链接等,都是非常实用的设置功能。

拨打电话

当按钮动作是拨打电话时,按要求填入一个电话号码(手机固话皆可)后,当填表人点击按钮时自动调用手机的拨打电话功能,准备向该号码拨打电话(如下动图所示)。拨打电话需要调用电话功能,所以非常适合在微信中传播的表单,用作联系客服或实时咨询等需要电话沟通的场景。

发送短信

发送短信功能跟拨打电话类似,发送短信会自动调用手机的短信编辑功能,并将短信收件人设置为你所填写的那个手机号码,此外,你还可以设置默认的短信内容,填表人只需要点击确认就可以将你所指定的内容发送到指定号码了。

发送邮件

指定收件人的邮箱地址,就可以调用电脑上的邮箱客户端或手机上的邮箱应用,向指定的收件人邮箱发送邮件,也是非常合适的通知联系渠道。

唤起QQ聊天

只需要填好自己或客服的QQ号码,就可以点击按钮后让客户用自己的QQ和你在线聊天,无需提前加好友,电脑端和手机端都适用,非常适合用来作为实时在线咨询的渠道。

↓ 演示表单 ↓

手机访问,效果最佳

回到页面顶部

对于内容较多,页面比较长的表单,为了方便填表人可以快速返回到表单页面顶部,可以添加一个“回到页面顶部”的按钮,点击后页面会自动滚动到页面顶部,贴心的小细节可以给客户留下更好的印象。

上一页&下一页

通过表单的分页组件,可以将一个表单分为多个页面,各个页面间的切换原本是通过分页组件自带的分页按钮实现的。现在你可以通过按钮组件,自行打造翻页按钮,引导用户进行前后翻页。

Tips:分页组件自带的分页按钮也可以设置为隐藏,但请确保有其它替代分页按钮的组件~

按钮的外观样式

说完按钮的功能,我们再来看看按钮的外观样式。

专家模式下,系统为你提供了多种按钮样式可以直接套用,你还可以调整按钮颜色和按钮中文字的字号大小、颜色和是否加粗。此外,你还可以勾选“显示图标”功能,选择一个跟按钮功能相适应的小图标,展示在按钮文字的左侧,这能让按钮更加形象生动。

按钮的宽高尺寸和水平对齐方式都可以轻松调整,高度可以精确到1px,宽度可以选择自动适应按钮文字内容,拉伸占满整个宽度或自定义一个具体按钮宽度。

挤一挤

按钮支持“挤一挤”功能,可以方便的将按钮和其它组件或者多个按钮挤在一行,节省空间,也可以将多个按钮挤在一行来使用。

关于购买

“按钮”是基础类组件中的付费组件,需要购买后才可以使用,你可以根据实际需要,选择不同的套餐类型:只应用于当前一个表单,或应用于所有表单。无论哪种套餐,购买成功后,同一个表单中都可以添加多个按钮组件,没有数量限制,永久有效。

相关阅读