微信小程序_(組件)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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM