表单提交微信小程序实例

下面是一个简单的微信小程序表单提交实例，您可以参考以下代码：

<!-- index.wxml -->
<view class="container">
  <form bindsubmit="submitForm">
    <view class="form-item">
      <view class="label">姓名：</view>
      <input name="name" type="text" placeholder="请输入姓名" />
    </view>
    <view class="form-item">
      <view class="label">手机号：</view>
      <input name="phone" type="number" placeholder="请输入手机号" />
    </view>
    <view class="form-item">
      <view class="label">邮箱：</view>
      <input name="email" type="text" placeholder="请输入邮箱" />
    </view>
    <button formType="submit">提交</button>
  </form>
</view>

// index.js
Page({
  submitForm: function(e) {
    console.log(e.detail.value);
    // 这里可以将表单数据提交到服务器
  }
})

在上述代码中，我们创建了一个包含三个输入框（姓名、手机号、邮箱）和一个提交按钮的表单。当用户点击提交按钮时，会触发 `submitForm` 方法，并将表单数据以事件对象的形式传递给该方法。在实际项目中，您可以将表单数据提交到服务器进行处理。

注意事项：

- `form` 组件必须有 `bindsubmit` 属性，并指定一个方法来处理表单提交事件。
- `input` 组件必须有 `name` 属性，用于标识该输入框的名称，方便在表单提交事件中获取该输入框的值。
- `form` 组件和 `button` 组件都有 `formType` 属性，用于指定按钮类型。在本例中，我们使用了 `submit` 类型，表示该按钮用于提交表单。