微信小程序中input组件怎么用
发表于:2024-09-21 作者:千家信息网编辑
千家信息网最后更新 2024年09月21日,这篇文章主要为大家展示了"微信小程序中input组件怎么用",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"微信小程序中input组件怎么用"这篇文章吧。in
千家信息网最后更新 2024年09月21日微信小程序中input组件怎么用
这篇文章主要为大家展示了"微信小程序中input组件怎么用",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"微信小程序中input组件怎么用"这篇文章吧。
input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多,有需要自己慢慢测,尝试
主要属性:
wxml
js
Page({ /** * 初始化数据 */ data:{ phone: '', password: '', }, /** * 监听手机号输入 */ listenerPhoneInput: function(e) { this.data.phone = e.detail.value; }, /** * 监听密码输入 */ listenerPasswordInput: function(e) { this.data.password = e.detail.value; }, /** * 监听登录按钮 */ listenerLogin: function() { //打印收入账号和密码 console.log('手机号为: ', this.data.phone); console.log('密码为: ', this.data.password); }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }})
wxss
.input{ padding-left: 10px; height: 44px;}.inputView{ border: 2px solid red; border-radius: 40px; margin-left: 15px; margin-right: 15px; margin-top: 15px;}
以上是"微信小程序中input组件怎么用"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
页面
程序
组件
内容
密码
篇文章
监听
输入
属性
手机
手机号
学习
帮助
登录
包裹
参数
按钮
收入
数据
易懂
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
嵌入式软件开发属于哪个专业
党政建设软件开发方案
青岛喂喂互联网科技有限公司
数据库设置用户权限
软件开发如何转数据分析师
联想r680g7服务器装系统
2022年网络安全和信息化论坛
cbmd数据库检索
浦江软件开发公司
软件公司数据库管理
网络安全火
数据库的除运算
网闸内服务器要做网站
服务器运维模拟系统
公司直销结算软件开发
永乐票务服务器繁忙
政府网络安全工作总结报告
网络安全的简笔画黑白
供应链软件开发报价
数据库五个主表设计
计算机网络技术与应用读后感
cs软件开发软件
软件开发前期接口文档
软件开发公司如何定价
广州美蝶软件开发公司
如何发现数据库被黑
次新股里的网络安全上市公司
网络安全宣传犯法吗
株洲it软件开发培训班
lol服务器排名2015