博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序把玩(十七)input组件
阅读量:5962 次
发布时间:2019-06-19

本文共 953 字,大约阅读时间需要 3 分钟。

  hot3.png

这里写图片描述

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; }

转载于:https://my.oschina.net/hzdx/blog/894415

你可能感兴趣的文章
常见排序算法及对应的时间复杂度和空间复杂度
查看>>
业界 | 在德州叫一辆自动驾驶车,Drive.ai安排了7辆无人车展开真实试验
查看>>
三家公司在SD-WAN方面的新动作
查看>>
C#在PDF中如何以不同颜色高亮文本
查看>>
在同一页面显示多个JavaScript统计图表
查看>>
Mac电脑Tomcat下载及安装(详细)MAC在Eclipse里配置tomcat
查看>>
多线程之-----------定时器
查看>>
C#语法——反射,架构师的入门基础。
查看>>
Beego Models 之 一
查看>>
代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能
查看>>
Kubernetes部署的最佳安全实践
查看>>
理解C语言——从小菜到大神的晋级之路(8)——数组、指针和字符串
查看>>
Windows Shellcode学习笔记——shellcode在栈溢出中的利用与优化
查看>>
关于多线程中使用SendMessage
查看>>
【云栖大会】阿里云移动云Apsara Mobile重磅发布 推出Cloud Native App全新研发范式...
查看>>
【PMP】Head First PMP 学习笔记 第九章 人力资源管理
查看>>
2015年末必备前端工具集
查看>>
【Solidity】8. 杂项 - 深入理解Solidity
查看>>
关于在VS2005中编写DLL遇到 C4251 警告的解决办法
查看>>
Go语言大神亲述:历七劫方可成为程序员!
查看>>