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

Mugeda 专业级H5在线制作云平台 Mugeda学习交流群：2622012402.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-362.定制文字如下图，在新页面上添加三个文字素材，分别为文字命名为“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