38|表单组件switch,textarea

表单组件switch

textarea

<!--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>

<view>
<checkbox-group name="hobby"> 
  <checkbox value="a">A</checkbox>
 <checkbox value="b">B</checkbox>
  <checkbox value="c">C</checkbox>
   <checkbox value="d">D</checkbox>
</checkbox-group>

<radio-group bindchange="radioChange" name="course">
   <radio value="a">A</radio>
   <radio  value="b">B</radio>
      <radio  value="c">C</radio>
</radio-group>
</view>

<view> s是否打开：<switch name="isOpen"></switch></view>
 <view>
 checkbox类型的switch：<switch name="isOk" type="checkbox"></switch>
</view>
<view>
 是否保存：<switch name="isSave" type="switch"></switch>
</view>

<view>
介绍：<textarea name="intro"></textarea>
</view>


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

<button bindgetuserinfo="getUserInfo" open-type="getUserInfo">
获取当前登录用户的信息</button>

<button bindopensetting="openSetting" open-type="openSetting">
openSetting</button>

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

  /**
   * 页面的初始数据
   */
  data: {
    
  },
  radioChange(e){
    console.log(e.detail)
  },
  getUserInfo(e){
    console.log(e.detail)
  },
  openSetting(e){

  },
  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 () {

  }
})