微信小程序_(組件)form表單

 

 

 

Form表單、switch開關、數值選擇器效果　　官方文檔：傳送門

 

　　點擊提交表單(按鈕，提交開關，數值選擇器，輸入文本中)的值，顯示在控制台上，點擊重置，重置表單中的值。

 

實現過程

 

　　form表單，添加form-type屬性到表單上

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

    <switch name="switch"/>

    <slider name="slider" show-value ></slider>

    <input name="input" placeholder="please input here" />

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

  </form>

 

　　添加formSubmit和formReset函數，實現提交/重置表單函數

  formSubmit:function(e){
    console.log(e);
  },

  formReset:function(){
    console.log(e);
  }

 

　　表單中有值時，控制台顯示提交表單的值

value
input："Gary"
slider：52
switch：true

 

　　重置表單后，表單中沒有值時,控制台顯示提交表單的值

value
input:“”
slider：“”
switch:false