微信小程序形式组件详解及简单实例

  <强>微信小程序形式/强>      

<强>相关文章:

  

<强>微信小程序按钮

  

<强>微信小程序无线电

  

<强>微信小程序滑块

  

<强>微信小程序开关

  

<强>微信小程序textarea

  

<强>微信小程序picker-view

  

<强>微信小程序选择

  

<强>微信小程序标签

  

<强>微信小程序input 
  

  

<强>微信小程序形式

  

<强>微信小程序复选框
  

     实现效果图:   微信小程序形式组件详解及简单实例”>
  <p>将表单内的用户输入的<代码> </代码> <代码>切换输入</代码> <代码>复选框</代码> <代码>滑块</代码> <代码> </代码> <代码>电台选择</代码>提交</p>
  <p>当点击<代码> & lt;形式/祝辞</代码>表单中formType为提交的<代码> & lt;按钮/祝辞> </代码组件时,会将表单组件中值的值进行提交,需要在表单组件中加上名字来作为关键。</p>
  
  
  
  属性名
  类型
  说明
  
  
  
  
  report-submit
  布尔
  是否返回formId用于发送模板消息
  
  
  bindsubmit
  EventHandle
  携带中形成的数据触发提交事件,event.detail={值:{“名称”:“价值”},formId: <强>示例代码:

        & lt;形式bindsubmit=" formSubmit " bindreset=癴ormReset”比;   & lt;视图类=辈糠謘ection_gap”比;   & lt;视图类=" section__title "祝辞switch   & lt;开关name="开关"/比;   & lt;/view>   & lt;视图类=辈糠謘ection_gap”比;   & lt;视图类=" section__title "祝辞slider   & lt;滑块的名字=盎椤毕允局当?& lt;/slider>   & lt;/view>      & lt;视图类=敖凇北?   & lt;视图类=" section__title "祝辞input   输入name="输入"占位符=& lt;“请输入“/比;   & lt;/view>   & lt;视图类=辈糠謘ection_gap”比;   & lt;视图类=" section__title "祝辞radio   & lt;单选组合的名字=暗パ∽楹稀痹?   & lt; label> & lt;广播值=" https://www.yisu.com/zixun/radio1 "/祝辞radio1   & lt; label> & lt;广播值=" https://www.yisu.com/zixun/radio2 "/祝辞radio2   & lt;/radio-group>   & lt;/view>   & lt;视图类=辈糠謘ection_gap”比;   & lt;视图类=" section__title "祝辞checkbox   & lt;复选框组名称=案囱】颉北?   & lt; label> & lt;复选框值=" https://www.yisu.com/zixun/checkbox1 "/祝辞checkbox1   & lt; label> & lt;复选框值=" https://www.yisu.com/zixun/checkbox2 "/祝辞checkbox2   & lt;/checkbox-group>   & lt;/view>   & lt;视图类=癰tn-area”比;   & lt;按钮formType=疤峤弧弊4荢ubmit   & lt;按钮formType=爸刂谩弊4荝eset   & lt;/view>   & lt;/form>            页面({   formSubmit:函数(e) {   控制台。日志(的形式发生了提交事件,携带数据为:“,e.detail.value)   },   formReset:函数(){   console.log(的形式发生了重置事件的)   }   })      

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

微信小程序形式组件详解及简单实例