10
2022/01
表单组件，可以为你的网站提供可和访客互动的沟通方式，访客可以通过表单，提交联系方式，报名听课，预约服务等等。客户提交的表单信息，您可以在网站后台查看，并且可以导出客户留言。您也可以将客户留言通过邮件方式发送到你的指定邮箱。
1，如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
为了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。
2，内容选项卡
2.1，表单字段-模块设置如下图，您可以看到有多个设置选项来控制组件的显示属性。
（1）表单名：在后台留言管理列表处，您可以根据表单名字区别多个表单中的数据，以及筛选阅读指定表单的数据
（2）新增项目：添加表单项目，可以是文本，邮箱，手机，留言框，选项卡，日期验证码等选项
（3）文本框尺寸：设置文本框尺寸
（4）标签：是否显示标签按钮
前留言对您比较重要，您可以每月将数据导出保存到本地。
2.1.1，下面的介绍“文本框”，邮箱，多行文本，电话号码 的表单字段，左边是表单字段设置界面，右边是展示效果图
（1）类型：选择字段类型
（2）文本标签：输入表单字段的标签名字，如下示例右侧“蓝色字体”
（3）文本框提示：文本框占位符，如下示例“请输入xxxx”灰色字体
（4）必填项：开启后 表单字段会有一个”*“号
（5）栏宽度：设置字段宽度，如果想一行设置两列就设置50%
（6）默认值：表单字段的默认值
2.1.2,下面的介绍“单选框”，“复选框”，”日期” 的表单字段，左边是表单字段设置界面，右边是展示效果图
2.2，提交按钮-模块设置，此处设置按钮的文本内容，尺寸，栏宽度，对齐方向 ，前置按钮等。具体参考下图所示
2.3，提交按钮事件-模块设置，默认情况下，但访客提交数据会保存在后台的表单留言列表中，如何进入“表单列表”请参考下图说明，您还可以给表单设置额外“邮箱”通知，系统会将访客的数据再发送一份到你指定的邮箱中。
2.4，发送留言到指定邮箱-模块设置，此处你可以设置，用户提交表单信息时候的通知邮箱地址。目前只支持一个邮箱接收人。默认接收对象是注册账户时候使用的电子邮箱
进入网站后台通过路径“评论留言- >表单留言” ，你可以在这个页面查看到最近用户给你的站点留言，可以查看“数据来源”页面，“删除留言记录”
点击“导出”按钮 ，可以导出指定月份的留言数据，系统默认保留近半年的客户留言信息，如果当前留言对您比较重要，您可以每月将数据导出保存到本地。
3，样式选项卡
3.1表单-模块设置, 样式设置调整单元格间距，行间距，标签颜色大小等。 请参考下图或观看视频操作。
3.2输入框-模块设置, 样式设置调整单元格间距，行间距，标签颜色大小等。 请参考下图或观看视频操作。
3.3按钮-模块设置, 样式设置调整提交按钮的样式及鼠标悬停动画效果
恭喜你已完成当前组件的学习，感谢阅读。
剩余 0
评论