微信小程序 表单 代码

以下是一个简单的微信小程序表单代码示例：

<view class="container">
  <form bindsubmit="formSubmit">
    <view class="form-group">
      <label for="name">姓名：</label>
      <input type="text" id="name" name="name" placeholder="请输入您的姓名" />
    </view>
    <view class="form-group">
      <label for="email">邮箱：</label>
      <input type="email" id="email" name="email" placeholder="请输入您的邮箱" />
    </view>
    <view class="form-group">
      <label for="message">留言：</label>
      <textarea id="message" name="message" placeholder="请输入您的留言"></textarea>
    </view>
    <button type="submit">提交</button>
  </form>
</view>

在上面的示例中，我们创建了一个表单，其中包含三个表单字段：姓名、电子邮件和留言。当用户提交表单时，我们将调用名为 `formSubmit` 的函数来处理表单数据。

要处理表单数据，我们可以在页面的 js 文件中定义一个名为 `formSubmit` 的函数：

Page({
  formSubmit: function(e) {
    var formData = e.detail.value;
    console.log('表单数据：', formData);
    // 在这里可以将表单数据提交到服务器或存储到本地
  }
})

在上面的代码中，我们首先获取表单数据，然后使用 `console.log` 打印表单数据，最后可以将表单数据提交到服务器或存储到本地。

当用户点击提交按钮时，微信小程序将自动调用 `formSubmit` 函数，并将表单数据作为参数传递给该函数。我们可以使用 `e.detail.value` 来获取表单数据。在这里，`formData` 变量将包含所有表单字段的值。