Introduction détaillée du composant de formulaire du mini-programme WeChat-Développement de mini-programmes-php.cn

Introduction détaillée du composant de formulaire du mini-programme WeChat

高洛峰

Libérer： 2017-03-06 10:25:47

original

1792 Les gens l'ont consulté

Introduction détaillée du composant de formulaire du mini-programme WeChat

Le composant du formulaire doit soumettre les valeurs de tous les attributs sélectionnés dans le formulaire Notez que chaque composant du formulaire doit avoir un attribut de nom spécifié, sinon il le fera. ne pas être soumis. Dans le bouton Les deux attributs submit et reset de type correspondent respectivement aux deux événements du formulaire

Attributs principaux :

Introduction détaillée du composant de formulaire du mini-programme WeChat

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>

Copier après la connexion

Page({
 /**
  * 初始化数据
  */
 data:{
 items: [
  {name: &#39;JAVA&#39;, value: &#39;Android&#39;, checked: &#39;true&#39;},
  {name: &#39;Object-C&#39;, value: &#39;IOS&#39;},
  {name: &#39;JSX&#39;, value: &#39;ReactNative&#39;},
  {name: &#39;JS&#39;, value: &#39;wechat&#39;},
  {name: &#39;Python&#39;, value: &#39;Web&#39;}
 ]
 },

 listenCheckboxChange: function() {
 console.log(e.detail.value);
 },

 onLoad:function(options){
 // 页面初始化 options为页面跳转所带来的参数
 }
})

Copier après la connexion

Pour des présentations plus détaillées des composants du formulaire du mini-programme WeChat et des articles connexes, veuillez prêter attention au site Web PHP chinois !