在木疙瘩里制作表单-默认表单和定制文字.docxVIP

Mugeda 专业级H5在线制作云平台 Mugeda学习交流群：262201240 2.7.6 表单:默认表单／定制文字 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