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

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

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

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


图2.7-26

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


图2.7-27

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


图2.7-28

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


图2.7-29


图2.7-30

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


图2.7-31

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


图2.7-32

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


图2.7-33

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


图2.7-34

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


图2.7-35

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


图2.7-36

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

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


图2.7-37


图2.7-38


图2.7-39

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


图2.7-40

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


图2.7-41

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


图2.7-42

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


图2.7-43

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


图2.7-44

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


图2.7-45


图2.7-46

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


图2.7-47

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


图2.7-48

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


图2.7-49

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


图2.7-50