提交表单_小程序实现简单表单的提交

表单——将组件内的用户输入的switch、input、checkbox、slider、radio、picker提交。

可参考小程序文档：

form | 微信开放文档​developers.weixin.qq.com

直接上代码：

index.html

<form bindsubmit="formSubmit" bindreset="formReset">

  <view class="section">
    <view class="section__title">姓名</view>
    <input name="input" type="text" required name="Name" value='ajing' placeholder="请输入姓名" />
  </view>
  
    <view class="section">
    <view class="section__title">手机号</view>
    <input name="input" type="text" required name="phone" value='' placeholder="请输入手机号" />
  </view>

  <view class="btn-area">
    <button formType="submit">Submit</button>
    <button formType="reset">Reset</button>
  </view>
  
</form>

index.js

Page({
  formSubmit (e) {
    console.log('form发生了submit事件，携带数据为：', e.detail.value)
  },
  formReset () {
    console.log('form发生了reset事件')
  }
})