小程序form表单

from表单中包括这两个属性 ：bindsubmit="" 和bindreset="" 。

上面这两个属性分别对应form表单中 和

1. checkbox-group< checkbox 可以使用form提交

 
   
    香蕉
    香蕉
  
  

提交 重置

    2.input-form

  
  text 文本输入
  
  
    
  
  数字输入
  
     
  
  
    身份证输入
  
  
     
  
  
    提交
    重置
  


js:
  mysubmit:function(e){
    console.log(e.detail.value)
    console.log(e.detail.value.t2)
  },
  myreset:function(e){
    console.log("发生了重置事件")

  },

out:
{t1: "1", t2: "2"}

3.picker-form

js获取某个picker中的具体值通过：this.data.shuzu[this.data.xuhao3] ,比如等于美国
 

  普通选择器
  
    当前选择：{{['香蕉','苹果','西瓜','芒果'][xuhao]}}
  

   
    当前选择：{{['香蕉2','苹果2','西瓜2','芒果2'][xuhao2]}}
  

  
    当前选择：{{shuzu[xuhao3]}}
  

  提交 重置



js:
  mysubmit:function(e){
    console.log("表单提交")
    console.log(e.detail.value)
  },
 

控制台输出:

picker.js? [sm]:34 {pic01: 0, pic02: 1}
picker.js? [sm]:19 2
picker.js? [sm]:24 日本