创建并显示表单

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

创建表单之前我们可以先设计一下表单里的内容,这里我们要创建一个用户申请成为婚礼服务商的表单 …

我们先让用户选择申请人的性质,个人或者机构,如果选择 个人 ,那么会显示出 申请人真实姓名,上传 身份证扫描件 的表单元素。

如果用户选择的是 机构,那么会显示出 申请机构名称,营业执照复本扫描件 这些表单元素。

另外我们可以再创建一个复选框,让用户可以选择自己能够提供的服务 … 最后再加上一个简介 …

下面我们就一起来创建这个表单 ! 点击 表单 … 添加 … 然后编辑一下这个新建的表单 …

在最上面输入这个表单的名称 … 婚礼服务商申请表 …

然后我们可以给这个表单添加一些元素,在 添加表单元素 这里,可以选择想要添加的元素类型 … 我们先添加一组单选按钮 …

可以选择 列表 … 然后点击 编辑 … 修改一下标签 … 输入 申请人 … 样式 这里,选择 单选按钮 … 勾选一下必填 …

点击 输入项目 … 个人,机构 项目之间使用英文状态的 逗号 分隔开 … 点击确定..

鼠标放在 移动 这里,你可以调整项目的显示顺序… 这样我们就创建了一组叫申请人的单选按钮,用户可以选择 个人 或者 机构 … (#隐藏)

再添加个申请人姓名的表单元素,可以选择 文本 这种类型 … 点击 编辑 …

输入标签 … 申请人真实姓名 .. 在 验证 这里,你可以选择在高级设置里定义的验证规则,你可以决定允许或禁止在这个文本框里输入的字符。(#隐藏)。

再添加个申请机构的名称,同样选择 文本 … 编辑 … 输入 申请机构名称 …. 隐藏

下面再添加个文件元素,可以让用户上传文件,点击 文件 … 编辑 … 输入 身份证扫描件 .. 在下面你可以设置允许上传的文件的最大尺寸,允许的文件类型等等。

在 只允许 这里。我们输入 .jpg,.png ,不同的类型之间使用英文的逗号分隔开 … (#隐藏)

再添加一个上传文件的元素 … 编辑 … 输入 申请机构名称 … 允许上传 .jpg,.png (#隐藏)

再添加一组复选框… 点击 列表 … 编辑 … 输入标签 … 提供的服务 … 样式选择 复选框 …

然后点击 输入项目 … 摄影,策划,场地,鲜花 ,点击 确定 … (#隐藏)

最后再创建一个文本区域的表单元素,点击 文本区域 … 编辑 … 修改标签 … 简介

这样我们就创建了在这个表单里需要的所有的表单元素 … 先保存一下 ,点击 保存表单 …

显示表单

我们可以创建一个页面,然后在页面里插入这个表单 … 我们先复制一下这个表单的别名 … 你也可以修改一下这个别名 …

然后点击 页面 … 新建页面 …

输入页面标题,申请成为婚礼服务商 …. 在页面内容这里,你可以输入一些相关的介绍 …. 成为婚礼服务商,发布你的作品,证明你很棒!

插入表单可以使用在表单管理的高级设置里定义的短代码,默认是 form,输入 [form form-x] … 还要把我们创建的表单的别名加在里面 … 这样 表单管理 才知道要显示哪一个表单…

点击 发布 … 然后点击 查看页面 … 在这个页面上,你可以看到我们创建的表单,这个表单会显示我们添加的所有的表单元素,在下面视频里,我们可以修改一下,让表单根据用户的选择,切换显示不同的表单元素 …

创建并显示表单《 WordPress 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点