35|表单组件-form

表单组件–form

button 的form-type

<!--pages/form2/form2.wxml-->
<form bindsubmit="doSubmit" bindreset="doReset">

<view>用户名:<input name="username" type="text" placeholder="请输入用户名"></input>
</view>

<view>密码：<input name="pass" type="text" password="true" placeholder="请输入密码"></input></view>

<view>
请输入金额：<input name="money" type="digit" placeholder="请输入金额"></input>
</view>

<button form-type="submit">提交</button>
<button form-type="reset">重置</button>
</form>

// pages/form2/form2.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  //提交
  doSubmit(e){
    console.log(e.detail)
  },
  //重置
  doReset(e){

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})