首页 > PHP资讯 > 工具库 > 微信小程序-form组件操作介绍

微信小程序-form组件操作介绍

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

表单:

将组件内的用户输入的 提交

主要属性:

   

ss:


.input{  padding-left: 10px;  height: 44px;}.inputView{  /*边界:大小1px, 为固体,为绿色*/  border: 1px solid green;  /*边界角的弧度*/  border-radius: 10px;  margin-left: 5px;  margin-right: 5px;  margin-top: 15px;}

js:

复制代码


Page({ data:{  // text:"这是一个页面" }, //点击提交 listenFormSubmit:function(e){   console.log('listenFormSubmit=',e.detail.value) }, //点击重置 listenFormReser:function(e){   console.log('listenFormReser=',e.detail.value) }, //点击忘记密码 switch1Change:function(e){  console.log('switch1Change=',e.detail.value) },  //当选中某一个的时候回调该函数。e.detail.value:获取选中某个radio的value radioChange: function(e) {  console.log('radio发生change事件,携带value值为:', e.detail.value) }})

注意:

form表单组件 是提交form内的所有选中属性的值,

注意每个form表单内的组件都必须有name属性指定否则提交不上去,

button中的type两个submit,reset属性分别对应form的两个事件

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

以上就是微信小程序-form组件操作介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持40不支持0