手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序(十六)form组件详细介绍
微信小程序(十六)form组件详细介绍
摘要:form表单组件是提交form内的所有选中属性的值,注意每个form表单内的组件都必须有name属性指定否则提交不上去,button中的ty...

微信小程序(十六)form组件详细介绍1

form表单组件 是提交form内的所有选中属性的值,注意每个form表单内的组件都必须有name属性指定否则提交不上去,button中的type两个submit,reset属性分别对应form的两个事件

主要属性:

微信小程序(十六)form组件详细介绍2

wxml

<form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name="checkbox" bindchange="listenerCheckbox"> <label wx:for-items="{{items}}"> <checkbox value="{{item.name}}"/>{{item.value}} </label> </checkbox-group> <> <button formType="submit" type="primary">提交</button> <button formType="reset" type="warn">重置</button> </form>

js

Page({ /** * 初始化数据 */ data:{ items: [ {name: 'JAVA', value: 'Android', checked: 'true'}, {name: 'Object-C', value: 'IOS'}, {name: 'JSX', value: 'ReactNative'}, {name: 'JS', value: 'wechat'}, {name: 'Python', value: 'Web'} ] }, listenCheckboxChange: function() { console.log(e.detail.value); }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 } })

相关文章:

hello WeApp icon组件

Window text组件switch组件

tabBar底部导航 progress组件action-sheet

应用生命周期button组件 modal组件

页面生命周期checkbox组件toast组件

模块化详form组件详 loading 组件

数据绑定input 组件 navigator 组件

View组件 picker组件 audio 组件

scroll-view组件 radio组件video组件

swiper组件 slider组件 Image组件

【微信小程序(十六)form组件详细介绍】相关文章:

Node.js的MongoDB驱动Mongoose基本使用教程

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

js实现精美的图片跟随鼠标效果实例

图片按比例缩放函数

如何用JS取得网址中的文件名

在b/s开发中经常用到的javaScript技术

些很实用且必用的小脚本代码

获取阴历(农历)和当前日期的js代码

微信内置浏览器私有接口WeixinJSBridge介绍

状态栏(status)特效

精品推荐
分类导航