微信小程序 form组件详解

网友投稿 249 2023-07-02


微信小程序 form组件详解

表单:

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

主要属性:

效果图:

ml:

管理员

老师

学生

忘记密码?

ss:

.input{

padding-left: 10px;

heighthttp://: 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的两个事件

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序 video组件详解
下一篇:JAVA实现空间索引编码——GeoHash的示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~