按钮组件

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

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

一、按钮的功能（动作）

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

提交表单

提交表单也就是提交表单反馈，其功能和表单底部原有的提交按钮功能是相同的——点击后可以将表单中所填内容作为表单反馈提交至麦客后台，并且同样会对表单中已填写的内容等进行格式校验，填错、漏填都会正常显示报错提醒。

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

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

跳转至其他题目

保存表单后，将按钮动作选择为“跳转至其他题目”，然后选择要跳转的的具体题目即可完成设置。当查看表单时，点击按钮就可以让表单快速滚动翻页，定位到指定的题目。

当表单题目较多，整体比较长时，可以通过跳转题目的方式，帮助填表人更快找到需要关注填写的表单区域。比如在不同商品类目间快速跳转定位，方便挑选；跳过开始区域的图文介绍，直接进入下单预约环节等。查看示例表单

按钮的“跳转至其他题目”功能，是MikeX专属功能，个人版用户购买的按钮功能中不包含此功能。

跳转链接

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

拨打电话

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

发送短信

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

发送邮件

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

唤起QQ聊天

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

新版QQ是否支持此种唤起方法，请以实际效果为准。

↓ 演示表单 ↓

手机访问，效果更佳

回到页面顶部

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

上一页&下一页

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

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

二、按钮的外观样式

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

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

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

丰富的外观配置，让按钮在不设置链接地址时，也可以作为拥有特别样式的文字使用，打造一个特别的“按钮”标题~

圆形按钮

目前，系统提供了12种按钮样式，但各个按钮样式并不是毫无关系的。相邻的两个按钮，拥有相同的背景纹理、边框、阴影效果等样式，但二者的圆角大小不同：一个固定的圆角大小，另一个是半圆形的按钮。

半圆形按钮，会随按钮高度自动调整圆角大小，确保为按钮左右两侧为半圆形。

利用半圆形按钮的这个样式特点，就可以可以制作圆形按钮了——需要设置按钮宽度为“自定义”，然后将按钮的高度和宽度设置为同样大小即可。

挤一挤

按钮支持“挤一挤”功能，可以方便的将按钮和其它组件或者多个按钮挤在一行，节省空间，也可以将多个按钮挤在一行来使用，配合按钮位置的左右对齐设置，可以制作非常漂亮整齐的排版样式。

三、付费购买

“按钮”是基础类组件中的付费组件，个人标准版用户需要购买后才可以使用。

根据适用的表单范围大小，按钮提供了两种套餐类型：只应用于当前一个表单和应用于所有表单。无论哪种套餐，购买成功后，同一个表单中都可以添加多个按钮组件，没有数量限制，永久有效。

版本支持