微信小程序六（数据请求表单的创建提交与接收）

最新推荐文章于 2026-05-08 16:55:47 发布

原创

最新推荐文章于 2026-05-08 16:55:47 发布 · 7.2w 阅读

标签

#微信小程序

收录于

本文探讨微信小程序中表单的创建、提交及其交互，包括数据请求、提示框和确认框的使用。通过实例展示了表单页面、JS代码、部分样式以及服务器端的处理，为后续深入讲解相关小功能奠定了基础。

好了开始正题了，本节小小研究了下微信小程序的表单创建与提交

先看看效果

1. 表单页面

<view id="adduser">
    <form bindsubmit="formSubmit" bindreset="formReset">
         <view class="section">
            <view class="section__title">姓名:</view>
            <view class='form-group'>
                <input type="text" class="input-text" name="username" placeholder="请输入姓名" />
            </view>    
        </view>
        <view class="section section_gap">
            <view class="section__title">年龄:</view>
            <view class='form-group'>
                <slider name="age" show-value ></slider>
            </view>    
        </view>
        <view class="section section_gap">
            <view class="section__title">性别:</view>
            <view class='form-group'>
                <radio-group name="gender">
                  <label><radio value="1"/>男</label>
                  <label><radio value="0"/>女</label>
                </radio-group>
            </view>