微信小程序 form组件详解

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

表单：

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

主要属性：

效果图：

ml:

         管理员  老师  学生  忘记密码?

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组件详解的详细内容，更多请关注0133技术站其它相关文章！