一、实验目的掌握微信小程序 form 表单组件的基础使用理解表单提交与重置事件实现表单数据收集功能并增加重置按钮实现一键清空所有输入框内容完成信息填报页面开发。二、相关知识点form组件用于包裹各类表单控件支持绑定bindsubmit提交事件、bindreset重置事件。form-typesubmit按钮属性点击后触发表单提交事件收集表单内所有带name属性控件的值。form-typereset按钮属性触发表单重置自动清空表单内输入框内容。表单控件input、textarea必须配置name属性提交时才能获取对应字段数据。三、项目结构pages └─index ├─index.wxml ├─index.js ├─index.wxss └─index.json app.json四、功能说明页面包含姓名、手机号输入框、留言文本域用于填写表单信息。提交按钮点击触发formSubmit事件获取表单所有字段数据在页面展示提交结果。重置按钮点击触发formReset事件自动清空全部输入框内容同时清空页面上展示的提交结果满足作业附加需求。五、运行效果在输入框填写信息点击【提交】页面下方展示提交的表单数据点击【重置】所有输入框清空提交结果消失。六、总结小程序 form 组件可以一次性批量收集表单数据内置 reset 重置能力不需要手动逐个清空输入框简化表单开发流程广泛用于信息登记、留言反馈、注册登录等场景。开发时要注意表单控件必须添加 name 属性否则提交时无法获取对应数据。