2.7.6 表单:默认表单/定制文字

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

1.编辑表单
本节视频教程请点击此处。

如图,新建一个页面,在“表单”工具条下点击“表单”按钮

2.7-26_.png

图2.7-26

如图,在弹出的“编辑表单”对话框中设置相关表单属性,例如填写“表单名称”为“表单”,选择“提交方式”为“GET”,选择“提交目标”为“提交数据到后台”,填写“确认信息”为“定制成功”,选择背景颜色、字体颜色等。在“表单项”点击“添加表单项”按钮

2.7-27_.png

图2.7-27

在弹出的“添加表单项”对话框中输入选项“名称”为“name”,“描述”为“姓名”,“类型”为“输入框”,“取值”为“张三”,点击“保存”,点击“确认”

2.7-28_.png

图2.7-28

点击“预览”,在预览中输入姓名为“李四”,点击“确认”,即出现“定制成功”字样,点击“确认”,数据即提交至后台服务器中。

2.7-29_.png

图2.7-29

2.7-30_.png

图2.7-30

回到操作界面,点击“舞台”上的默认表单,在其“属性”面板内点击“编辑”按钮,进入“编辑表单”对话框

2.7-31_.png

图2.7-31

选择“提交目标”为“微信定制入口”,点击“确认”

2.7-32_.png

图2.7-32

回到操作界面后,点击“预览”,在输入框内输入一个新名字,点击“确认”,刷新后H5页面即变成新输入的名字,这就是微信实时定制名字,它的数据不会被提交至后台。

2.7-33_.png

图2.7-33

如下图,回到“编辑表单”对话框,点击“预置表单项(请选择)”按钮,在下拉菜单下可选择“手机号码”“电子邮件”等多种选项。

2.7-34_.png

图2.7-34

如下图,点击选择“联系方式(手机号码)”,在弹出的注意对话框中点击“确定”

2.7-35_.png

图2.7-35

回到操作界面,点击“预览”,发现会出现默认的“名称”和“手机号码”两个选项内容

2.7-36_.png

图2.7-36

2.定制文字
本节视频教程请点击此处。

如下图,在新页面上添加三个文字素材,分别为文字命名为“to”“greetings”“from”

2.7-37_.png

图2.7-37

2.7-38_.png

图2.7-38

2.7-39_.png

图2.7-39

选中“定制文字”按钮素材,在其“属性”面板下选择“动作”为“表单”,点击“定制文字”按钮素材的绿色“添加/编辑行为”按钮

2.7-40_.png

图2.7-40

在弹出的“编辑表单”对话框中设置相关表单属性,填写“表单名称”为“表单”,选择“提交方式”为“GET”,选择“提交目标”为“提交数据到后台”,填写“确认信息”为“定制成功”,选择背景颜色、字体颜色等。在“表单项”点击“添加表单项”按钮

2.7-41_.png

图2.7-41

在弹出的“添加表单项”对话框中输入“名称”为“to”(连接到之前命名为“to”的文字框素材),“描述”为“收件人”,“类型”为“输入框”,“取值”为“亲爱的战友”,点击“保存”

2.7-42_.png

图2.7-42

同理点击“添加表单项”按钮,再次添加“名称”为“greetings”(连接到之前命名为“greetings”的文字框素材),“描述”为“祝福语”,“类型”为“文本域”,“取值”可不填,点击“保存”

2.7-43_.png

图2.7-43

同理点击“添加表单项”按钮,再次添加“名称”为“from”(连接到之前命名为“from”的文字框素材),“描述”为“发件人”,“类型”为“输入框”,“取值”为“你的朋友”,点击“保存”

2.7-44_.png

图2.7-44

点击“预览”,如图,点击“定制文字”按钮,即可出现“定制文字”对话框,输入需定制的内容,点击“确认”,即可将定制的文字数据提交至后台。

2.7-45_.png

图2.7-45

2.7-46_.png

图2.7-46

如图,回到“舞台”,点击“舞台”上的“定制文字”按钮的“添加/编辑行为” 

2.7-47_.png

图2.7-47

在弹出的“编辑表单”对话框内容选择“提交目标”为“微信定制入口”,点击“确认”

2.7-48_.png

图2.7-48

回到“舞台”,点击“预览”,如图在文字定制框内输入需定制的文字,点击“确认”

2.7-49_.png

图2.7-49

发现页面会刷新,文字内容变成定制的内容

2.7-50_.png

图2.7-50

0 个评论

要回复文章请先登录注册