表单美化

颜值即是正义。这篇文章将教你几招,迅速提升表单的颜值,增加辨识度,塑造品牌个性。

使用模板

我们在 模板中心 提供各个行业常见场景表单,也都配上了漂亮的头图、背景,如果创建表单时没有头绪,可以前往 模板中心 搜索关键词选用心仪模板。

自定义页眉

在表单编辑页面,点击顶部图片或右侧「主题」→「页眉」。

页眉可以设置 3 种类型:文字、单张图、轮播图。

文字:自定义颜色、字号。

单张图:上传图片(建议尺寸:1600px * 460px,≤5MB)。

轮播图:上传最多5张图片(建议尺寸:1470px * 600px,≤5MB)。

文字、单张图、轮播图,图片的格式不限,支持 jpg、png、gif 等。


更换全局背景

点击右侧「主题」→「背景」上传图片。图片建议尺寸:960px * 1900px,不超过 5MB。

上传背景图片后,想要填写的板块透明,点击右侧「主题」→「表单」,调整底色第二个滑块可以改变表单填写板块的透明度。


一键更换表单主题

在右侧「主题」点击使用预设主题。


自定义提交按钮

点击右侧「主题」→「全局」,可以自定义提交按钮颜色,或者隐藏提交按钮。

设置表单字号

点击右侧「主题」→「字段」,可以设置字段标题和选项的文字大小。设置成功后针对表单所有字段和选项生效。

设置表单描述内容字号

你可以在字段提示框、表单标题下方提示框、「描述」字段,编辑提示文案,设置内容字号大小。


其他功能图片推荐尺寸

  • 表单描述/字段提示插入图片:5MB;

  • 表单封面: 800px * 1442px,不超过 5MB;

  • 图片单选/图片多选/配图商品:280px * 280px,不超过 5MB;

  • 轮播图字段:1470px * 600px,不超过 5MB;

  • 表单背景图:960px * 1900px,不超过 5MB;

  • 对外查询公告图片:920px * 300px,不超过 5MB;

  • 现场抽奖图片:285px * 315px,不超过 1MB;

  • 表单二维码中的企业 Logo 图:不超过 74px * 74px;

  • 自定义设置微信分享图标:建议大于 300px * 300px;

  • 表单页眉单张图:1,600 * 460px,高度最大不超过 20,000px;

  • 表单页眉轮播图:1470px * 600px,不超过 5MB;

  • 客户管理系统工作台公告的封面图片:745px * 86px。


表单描述插入图片

可以在「表单描述」→「字段描述」插入超链接。

如图所示,点击超链接图标,进入超链接编辑页面设置保存即可。未开启「新窗口打开」时,填表人点击超链接后将在当前页面打开超链接。

在表单插入超链接

可以在「表单描述」、「字段描述」插入超链接。

如图所示,点击超链接图标,进入超链接编辑页面设置保存即可。未开启「新窗口打开」时,填表人点击超链接后将在当前页面打开超链接。

插入图片超链接

点击图片后跳转到其他网页:先上传图片 → 选中图片 → 添加超链接。如果图片设置了居中等格式后,超链接将失效。


插入数据公式、化学方程式等符号

插入位置

你可以在表单标题下的「描述框」,或者在「编辑字段」中的「提示」框里插入公式。

样式如图:

点击插入公式图标或按钮后,将弹出公式示例。


公式编辑方法和语法

  • 如果你熟知公式和符号的语言,可直接在金数据中编辑。

  • 如果你习惯使用的是 Mathtype ,你也可以在 Mathtype 中生成公式代码,并复制至金数据的数学公式弹窗内。

  • 使用 LaTeX 排版和渲染页面,所有符合 LaTeX 表达方式的公式,都可以被渲染成你想要的表达式。如果你习惯使用的是在线LaTex 编辑器 ,你也可以在 「在线LaTex 编辑器」生成公式并直接复制至数学公式弹窗内。


使用 LaTex 编辑器生成符号

  • 指数和下标

指数和下标可以用 ^ 和 _ 后加相应字符来实现,如果指数或下边多于一个字符, 需要用 { } 把每个字符包起来。

a_{1}

x^{2}

e^{-\alpha t}

a^{3}_{ij}

e^{x^2} \neq {e^x}^2

  • 平方根

平方根(square root)的输入命令为:\sqrt,n 次方根相应地为: \sqrt{n} 。方根符号的大小由 LATEX 自动加以调整。也可用 \surd 仅给出 符号。

\sqrt{x}$

\sqrt{ x^{2}+\sqrt{y} }

\sqrt[3]{2}

\sqrt{(x^2 + y^2)}

  • 分数及开方

分数(fraction)使用\frac{…}{…} 排版。

平方根(square root)的输入命令为:\sqrt ,n 次方根相应地为: \sqrt[n] 。

1\frac{1}{2}

\frac{ x^{2} }{ k+1 }

x^{ \frac{2}{k+1} }

x^{ 1/2 }

  • 积分、求和、连乘

积分运算符用\int 来生成。求和运算符由\sum 生成。乘积运算符由\prod 生成。上限和下限用^ 和_来生成,类似于上标和下标。

\sum_{i=1}^{n}

\int_{0}^{\frac{\pi}{2}}

\prod_\epsilon

  • 表达式下方的大括号

命令 \overbrace 和 \underbrace 在表达式的上、下方给出一水平的大括号。

\underbrace{ a+b+\cdots+z }_{26}
  • 向量

向量(Vectors)通常用上方有小箭头(arrow symbols)的变量表 示。这可由 \vec 得到。另两个命令 \overrightarrow 和 \overleftarrow 在定义从 A 到 B 的向量时非常有用。

\vec a\quad\overrightarrow{AB}

  • 二元关系公式

对于二元关系,将符号堆在一起可能更有用。\stackrel 将第一项中 的符号以上标大小放在处于正常位置的第二项上。

\int f_N(x) \stackrel{!}{=} 1

更多相关知识,请点击查看


插入视频

你可以在表单标题下的「描述框」和某字段的「提示」框中插入视频。

样式如图:


Bilibili(无广告,推荐)

普通网页链接:在视频下方点击「分享」→ 「点击复制链接」即可。

视频 iframe 代码:在视频下方点击「分享」→ 点击「嵌入代码」即可。

注意:复制后的内容,只需要保留https的url地址,其他信息请删除。示例为:【视频名称】 https://www.bilibili.com/video/BV******FF/?share_source=copy_web&vd_source=b2f7*************819  

腾讯视频

普通网页链接:在视频左下方点击「分享」→ 找到「链接」→「复制」即可。

视频 iframe 代码:在视频左下方点击「分享」→ 找到「嵌入代码」→「复制」即可。


优酷视频

普通网页链接:在视频下方点击「分享」→选择「复制页面地址」即可。

视频 iframe 代码:在视频下方点击「分享」→选择「复制通用代码」即可。


Vimeo

普通网页链接:在视频下方,或者鼠标悬停于视频上时,找到「纸飞机」按钮后,会弹出分享弹框,找到 Link 链接,复制即可。

视频 iframe 代码:在视频下方,或者鼠标悬停于视频上时,找到「纸飞机」按钮后,会弹出分享弹框,找到 Embed 链接,复制即可。


获取表单二维码

普通二维码图片

在电脑端 登录账号 ,表单创建成功后,点击右上角「发布」,可以下载大、中、小三种尺寸的二维码图片。

含有 Logo、样式的二维码

企业版套餐可以自定义 Logo 的二维码,点击右上角小头像,点击「系统设置 → 品牌设置 → 二维码设置」处上传自定义图片作为二维码 Logo 。

二维码海报

点击右上角「发布 → 发布二维码海报」,可以获取海报图片形式的二维码。

海报背景可上传本地图片或使用系统提供的图片。海报标题可以自定义编辑,海报二维码可以调整到左下角或右下角,海报标题大于 14 个汉字可以调整居左或居右。


获取小程序二维码/太阳码

你可以进入「金数据小程序」,进入表单,点击「发布」按钮,选择二维码的方式发布。


获取公众号二维码

你可以手机微信端搜索「金数据公众号」,进入金数据服务号页面,点击「 我的表单 → H5 网页」,登录账号进入。

进入表单,点击「表单分享」按钮,选择二维码的方式发布。


表单填写页面二维码隐藏/开启

电脑端打开表单时,右上角会显示分享二维码,底部文案为「扫一扫分享给好友」,默认开启。

如需关闭,请前往「表单设置→基础收集→显示分享二维码」。


常见问题

Q1:iPhone 为什么不能打开全屏观看视频?

由于 Bilibili 的限制,目前 Bilibili 视频不可以全屏观看视频,腾讯视频和优酷视频是可以放大全屏观看的,建议更换视频网站。

Q2:是否支持插入本地视频?

企业高级版(¥23,999 元/年)或商业合作版(¥80,000 元/年起)支持本地视频上传,请扫码联系我们咨询。

发布日期:2025年09月22日
有帮助?