全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[沈阳seo优化外包公司]微信小程序之form组件的介绍

  这篇文章主要介绍了微信小程序form组件详细介绍的相关资料◆●…,需要的朋友可以参考下

  form表单组件 是提交form内的所有选中属性的值▲•◇☆,注意每个form表单内的组件都必须有name属性指定否则提交不上去,button中的type两个submit,津市市小程序制作公司reset属性分别对应form的两个事件

  主要属性:
 

  wxml

  

 

  

<form bindsubmit="listenFormSubmit" bindreser="◆◁=;listenFormReser" >•-○;
 <checkbox-group name="■▪■=;checkbox"●▲; bindchange="listenerCheckbox">
 <label style="display: flex" wx▷■●□:for-items="{{items}}">●★•;
 <checkbox value="★◆…◆;{{item□○•.name}}"/>▷□;{{item○△◁.value}}
 <▷=▲;/label>
 </checkbox-group>
<☆○;▲★!--button formType属性两个可选值submit, reset分别会触发form的submit,reser事件 -->
 <◁▪-;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为页面跳转所带来的参数
 }
})

 

  以上就是本文的全部内容=◁-,[沈阳seo优化外包公司]希望对大家的学习有所帮助,舒兰市小程序制作公司更多相关内容请关注PHP中文网!

  相关推荐:

  微信小程序模拟cookie的实现
 

  微信小程序实现的贪吃蛇游戏【附源码】
 

  

 

  以上就是微信小程序之form组件的介绍的详细内容△…,更多请关注久澳传媒编程栏目其它相关文章!18 2020.10 [深圳市seo推广公司]微信小程序登录页:CSS实现动画云层漂浮 前言 2017年前端火了-□▷,微信小程序、weex、reactnative-●■,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波●☆◁。 上效果图(GI动态图) 微信小程

[沈阳seo优化外包公司]微信小程序之form组件的介绍

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。