🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 系统默认表单 如图,新建一个页面,在“表单”工具条下点击“表单”按钮。 ![](https://box.kancloud.cn/5d0b1bf41a74c416cc0c7258eb7dd3d0_800x449.png) 如图,在弹出的“编辑表单”对话框中设置相关表单属性,例如: “表单名称”为“表单” 选择“提交方式”为“GET” 选择“提交目标”为“提交数据到后台” 填写“确认信息”为“定制成功” 选择背景颜色、字体颜色等。 点击“添加表单项”按钮 ![](https://box.kancloud.cn/88eff97d0e31b74ae0a0344b8c1c6727_800x370.png) 在弹出的“添加表单项”对话框中输入选项 “名称”为“name” “描述”为“姓名” “类型”为“输入框” “取值”为“张三” 点击“保存”,点击“确认” ![](https://box.kancloud.cn/5a76208dcd92161ed5ad7fbfcd1be102_800x334.png) 点击“预览”,在预览中输入姓名为“李四”,点击“确认”,即出现“定制成功”字样,点击“确认”,数据即提交至后台服务器中。 ![](https://box.kancloud.cn/280ccc63e9dd6359254398c031b03623_800x338.png) ![](https://box.kancloud.cn/72f9a536fc042ea9e2bf15c68791413e_800x354.png) 回到操作界面,点击“舞台”上的默认表单,在其“属性”面板内点击“编辑”按钮,进入“编辑表单”对话框 ![](https://box.kancloud.cn/922cd2f341fd8de000d723c8393b94a9_800x453.png) 选择“提交目标”为“微信定制入口”,点击“确认” ![](https://box.kancloud.cn/476e6612b2e783f4054b32ad6cde7f2d_800x447.png) 回到操作界面后,点击“预览”,在输入框内输入一个新名字,点击“确认”,刷新后H5页面即变成新输入的名字,这就是微信实时定制名字,它的数据不会被提交至后台。 ![](https://box.kancloud.cn/249c5716081c11394c4a01d7097f7958_800x454.png) 如下图,回到“编辑表单”对话框,点击“预置表单项(请选择)”按钮,在下拉菜单下可选择“手机号码”“电子邮件”等多种选项。 ![](https://box.kancloud.cn/23020d33e94ca2ab627e3498df7fb247_800x444.png) 如下图,点击选择“联系方式(手机号码)”,在弹出的注意对话框中点击“确定” ![](https://box.kancloud.cn/36d2be58612a3149d52115be7901bf0a_800x474.png) 回到操作界面,点击“预览”,发现会出现默认的“名称”和“手机号码”两个选项内容 ![](https://box.kancloud.cn/218dc6f04ff2d518424de4cb26014106_800x451.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.7/3.7.2.mp4