1. <form bindsubmit="formSubmit" bindreset="formReset">  
    2.        <view class="group">
    3.           <view class="title">用户名：</view>
    4.           <view class="cont">
    5.              <input type="text" name="username" placeholder="请输入用户名"/>
    6.           </view>
    7.           <view class="clear"></view>
    8.        </view>
    10.         <view class="group">
    11.           <view class="title">性别：</view>
    12.           <view class="cont">
    13.                <radio-group name="gender">  
    14.                   <label><radio value="1"/>男</label>  
    15.                   <label><radio value="0"/>女</label>  
    16.                 </radio-group>  
    17.           </view>
    18.           <view class="clear"></view>
    19.        </view>
    21.        <view class="group">
    22.           <view class="title">food：</view>
    23.           <view class="cont">
    24.               <checkbox-group name="hobby">  
    25.                  <label><checkbox value="0"/>蛋糕</label>  
    26.                  <label><checkbox value="1"/>牛排</label>  
    27.                  <label><checkbox value="1"/>排骨头</label>  
    28.               </checkbox-group> 
    29.           </view>
    30.           <view class="clear"></view>
    31.        </view>
    33.        <view class="group">
    34.           <view class="title">同意：</view>
    35.           <view class="cont">
    36.              <switch name="isagree"/>  
    37.           </view>
    38.           <view class="clear"></view>
    39.        </view>
    41.        <view class="group">
    42.           <button form-type="submit">提交表单</button>
    43.           <button form-type="reset">清空表单</button>
    44.        </view>
    45.     </form>
    1. .clear{
    2.   clear: both;
    3. }
    4. .title{
    5.   float: left;
    6.   width: 100px;
    7.   text-align: right;
    8. }
    9. .cont{
    10.   float: left;
    11. }
    12. input{
    13.   border:1px solid gainsboro;
    14. }
    15. .group{
    16.   margin-top:20px;
    17. }
    1.  // 提交表单函数
    2.   formSubmit:function(e){
    3.       console.log(e);
    4.       console.log("表单已经提交!");
    5.       console.log("用户名："+e.detail.value.username);
    6.       console.log("性别：" + (e.detail.value.gender==1?"男":"女"));
    7.   },
    9.   // 清空表单函数
    10.   formReset:function(e){
    11.     console.log("表单已经清空！");
    12.   },

    效果图：
    表单提交和清空 - 图1

    注意：formSubmit为表单提交后执行的函数，e.detail.value中是表单提交上来的数据，这里要注意，存放数据的标签一定要有name属性值才能获取数据