《在Mugeda里制作表单默认表单和定制文字》由会员分享，可在线阅读，更多相关《在Mugeda里制作表单默认表单和定制文字（13页珍藏版）》请在金锄头文库上搜索。
1、Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：2622012402.7.6 表单:默认表单定制文字1.编辑表单如图，新建一个页面，在“表单”工具条下点击“表单”按钮图 2.7-26如图，在弹出的“编辑表单”对话框中设置相关表单属性，例如填写“表单名称”为“表单” ，选择“提交方式”为“GET ”，选择“提交目标”为“提交数据到后台” ，填写“确认信息”为“定制成功” ，选择背景颜色、字体颜色等。在“表单项”点击“添加表单项”按钮图 2.7-27在弹出的“添加表单项”对话框中输入选项“名称”为“name” ， “描述”Mugeda 专业级 H5 在线制作云平台 Muged
2、a 学习交流群：262201240为“姓名” ， “类型”为“输入框” ， “取值”为“张三” ，点击“保存” ，点击“确认”图 2.7-28点击“预览” ，在预览中输入姓名为“李四” ，点击“确认” ，即出现“定制成功”字样，点击“确认” ，数据即提交至后台服务器中。图 2.7-29Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-30回到操作界面，点击“舞台”上的默认表单，在其“属性”面板内点击“编辑”按钮，进入“编辑表单”对话框图 2.7-31选择“提交目标”为“微信定制入口” ，点击“确认”Mugeda 专业级 H5 在线制作云平台 M
3、ugeda 学习交流群：262201240图 2.7-32回到操作界面后，点击“预览” ，在输入框内输入一个新名字，点击“确认”，刷新后 H5 页面即变成新输入的名字，这就是微信实时定制名字，它的数据不会被提交至后台。图 2.7-33如下图，回到“编辑表单”对话框，点击“预置表单项（请选择） ”按钮，在下拉菜单下可选择“手机号码” “电子邮件”等多种选项。Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-34如下图，点击选择“联系方式（手机号码） ”，在弹出的注意对话框中点击“确定”图 2.7-35回到操作界面，点击“预览” ，发现会出现默认的
4、“名称”和“手机号码”两个选项内容Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-362.定制文字如下图，在新页面上添加三个文字素材，分别为文字命名为“to”“greetings”“from”图 2.7-37Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-38图 2.7-39选中“定制文字”按钮素材，在其“属性”面板下选择“动作”为“表单” ，点击“定制文字”按钮素材的绿色“添加/编辑行为”按钮Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7
5、-40在弹出的“编辑表单”对话框中设置相关表单属性，填写“表单名称”为“表单” ，选择“提交方式”为“GET ”，选择“提交目标 ”为“提交数据到后台” ，填写“确认信息”为“定制成功” ，选择背景颜色、字体颜色等。在“表单项”点击“添加表单项”按钮图 2.7-41在弹出的“添加表单项”对话框中输入“名称”为“to” （连接到之前命名为“to”的文字框素材） ， “描述”为“收件人” ， “类型”为“输入框” ，“取值”为“亲爱的战友” ，点击“保存”Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-42同理点击“添加表单项”按钮，再次添加“名
6、称”为“greetings” （连接到之前命名为“greetings”的文字框素材） ， “描述”为“祝福语” ， “类型”为“文本域” ， “取值”可不填，点击“保存”图 2.7-43同理点击“添加表单项”按钮，再次添加“名称”为“from” （连接到之前命名为“from”的文字框素材） ， “描述”为“发件人” ， “类型”为“输入框” ， “取值”为“你的朋友” ，点击“保存”Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-44点击“预览” ，如图，点击“定制文字”按钮，即可出现“定制文字”对话框，输入需定制的内容，点击“确认” ，即可
7、将定制的文字数据提交至后台。图 2.7-45Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-46如图，回到“舞台” ，点击“舞台”上的“定制文字”按钮的“添加/编辑行为” 图 2.7-47在弹出的“编辑表单”对话框内容选择“提交目标”为“微信定制入口” ，点击“确认”Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-48回到“舞台” ，点击“预览” ，如图在文字定制框内输入需定制的文字，点击“确认”图 2.7-49发现页面会刷新，文字内容变成定制的内容Mugeda 专业级 H5 在线制作云平台 Mugeda 学习交流群：262201240图 2.7-50
