关注分享主机优惠活动
国内外VPS云服务器

微信小程序的表单组件介绍(小程序表单)

本文主要介绍微信小程序表单组件详细介绍的相关信息。有需要的朋友可以参考一下。

微信小程序的表单组件介绍(小程序表单)-主机频道

表单组件将提交表单中所有选定属性的值。请注意,表单中的每个组件都必须由name属性指定,否则将不会被提交。按钮中的type和reset属性分别对应表单的两个事件。

主要属性:

微信小程序的表单组件介绍(小程序表单)-主机频道

wxml

& lt表单bindsubmit = & quotlistenFormSubmit & quotbindreser = & quotlistenFormReser & quot& gt& lt复选框-组名= & quot复选框& quotbindchange = & quotlistener复选框& quot& gt& lt标签样式= & quot显示:flex & quotwx:for -items = & quot;{ { items } } & quot& gt& lt复选框值= & quot{ { item.name } } & quot/& gt;{ { item.value } } & lt/label & gt;& lt/checkbox -group & gt;& lt!--button formType属性的两个可选值submit,reset将触发表单的提交,reser事件-->:& lt;按钮表单类型= & quot提交& quottype = & quot主要& quot& gt使服从

射流研究…

Page({ /** *初始化数据*/data:{ items:[{ name:& # 039;JAVA & # 039,值:& # 039;安卓& # 039;,已检查:& # 039;真& # 039;},{姓名:& # 039;object -C & # 039;,值:& # 039;IOS & # 039},{姓名:& # 039;JSX & # 039;,值:& # 039;反应性& # 039;},{姓名:& # 039;JS & # 039,值:& # 039;微信& # 039;},{姓名:& # 039;Python & # 039,值:& # 039;Web & # 039} ] },listenCheckboxChange:function(){ console . log(e . detail . value);},onLoad:function(options){ //页面跳转的页面初始化选项带来的参数}})

未经允许不得转载:主机频道 » 微信小程序的表单组件介绍(小程序表单)

评论 抢沙发

评论前必须登录!