zoukankan      html  css  js  c++  java
  • 微信小程序组件form

    表单组件form:官方文档

    Demo Code:

    Page({
      formSubmit: function(e) {
        console.log('form发生了submit事件,携带数据为:', e.detail.value)
      },
      formReset: function() {
        console.log('form发生了reset事件')
      }
    })
    JS
    <form bindsubmit="formSubmit" bindreset="formReset">
      <view class="section section_gap">
        <view class="section__title">switch</view>
        <switch name="switch"/>
      </view>
      <view class="section section_gap">
        <view class="section__title">slider</view>
        <slider name="slider" show-value ></slider>
      </view>
    
      <view class="section">
        <view class="section__title">input</view>
        <input name="input" placeholder="please input here" />
      </view>
      <view class="section section_gap">
        <view class="section__title">radio</view>
        <radio-group name="radio-group">
          <label class="checkbox"><radio value="radio1"/>radio1</label>
          <label class="checkbox"><radio value="radio2"/>radio2</label>
        </radio-group>
      </view>
      <view class="section section_gap">
        <view class="section__title">checkbox</view>
        <checkbox-group name="checkbox">
          <label class="checkbox"><checkbox value="checkbox1"/>checkbox1</label>
          <label class="checkbox"><checkbox value="checkbox2"/>checkbox2</label>
        </checkbox-group>
      </view>
      <view class="btn-area">
        <button formType="submit">Submit</button>
        <button formType="reset">Reset</button>
      </view>
    </form>
    WXML
    .section__title{
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding:5px;
    }
    label{
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .section_gap{
        margin-top: 10px;
    }
    .checkbox{
        display:block;
        margin-left:10px;
        margin-top:5px;
    }
    WXSS
  • 相关阅读:
    C#异步编程
    ASP.NET MVC5中View-Controller间数据的传递
    Dapper简明教程
    .NET中使用NLog记录日志
    微信开发被动回复消息:该公众号暂时无法提供服务,请稍后再试
    使用AutoMapper进行对象间映射
    Cookie中的几个概念
    使用CodeFirst创建并更新数据库
    restful接口设计规范总结
    JAVA中通过Hibernate-Validation进行参数验证
  • 原文地址:https://www.cnblogs.com/betterlife/p/5969060.html
Copyright © 2011-2022 走看看