前端开发入门到精通的在线学习网站

网站首页 > 资源文章 正文

公开分享表单,如何设计自己的表单样式?

qiguaw 2024-11-07 11:54:30 资源文章 15 ℃ 0 评论

表单外链样式即表单公开链接的对外展示样式。大到每个企业,小到每款产品,都有着自己的主题元素,公司在发展的过程中也需要借助视觉效果来更好的树立品牌形象。

一、应用场景

表单外链样式可以应用于所有外链填写的场景中,如活动报名、公司订餐、信息收集、问卷调查等;通过表单外链样式的个性化设置,可以提升企业的品牌辨识度。

二、设置方法

2.1 设置入口

进入简道云的表单设计页面,在「表单属性 >> 表单外链样式」处,点击「设置」即可设置表单外链样式:

进入「表单外链样式」页面,表单外链样式包含两种设置:「主题样式」和「自定义样式」。

2.2 主题样式

主题样式是指简道云提供的主题模板,无需设计,可直接选择使用。

2.3 自定义样式

自定义样式是指企业可以自定义设计外链样式,适合有独立设计团队的企业。

自定义样式中支持自定义的内容包括:页面背景、表头样式、标题样式、提交按钮。

2.3.1 页面背景

1)页面背景可以设置为以下两种:

  • 纯色:可以选择推荐颜色,也可以自定义颜色;
  • 图片:从本地上传图片作为背景,支持 jpg、gif、png 格式,不超过 5 M 的图片。

2)两种页面背景的效果如下:

2.3.2 表头样式

1)表头样式可以设置为以下两种:

  • 纯色:可以选择推荐颜色,也可以自定义颜色;
  • 图片:从本地上传图片作为表头,支持 jpg、gif、png 格式,不超过 5 M 的图片。

2)两种表头样式的效果如下:

2.3.3 标题样式

标题样式支持对标题文字的对齐方式、字号、样式、颜色进行自定义修改:

2.3.4 提交按钮

提交按钮可以自定义更改背景颜色:

2.4 效果预览

设计好表单外链样式后,可以点击页面右上角预览按钮,查看 PC 端和移动端的展示效果:

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表