微信小程序之输入框

input单行输入框

用来输入单行文本内容,属性太多就不一一列举
简单的概括了下
1.可以设置input输入框的类型:text,number,IDcard(身份证输入键盘),digit(带小数点的数字键盘)
2.可以设置输入框是否为密码类型,如果是密码类型,则会用点号代替具体显示
3.通过placeholder来给输入框添加友好提示信息,类似于“请输入手机号/邮箱/用户名”这样的友好的输入框,placeholder-style设置指定信息的样式placeholder-class设置指定信息的class,然后再针对这个class添加样式
4.可以设置input输入框禁用和最大长度,获取焦点
5.input输入框有3 个常用事件:输入时(bindinput),光标聚焦时(bindfocus),光标离开时(bindblur)

textare多行输入框

是与input单行输入框对应的一个组件,它可以输入多行文本内容,概括如下
1.可以设置textarea输入框禁用和最大长度,获取焦点,自动调整行高
2.input输入框有4个常用事件:输入时(bindinput),光标聚焦时(bindfocus),光标离开时(bindblur),行数变化时(bindlinechange)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 下面我们逐步实现下图所示场景。 将demo小程序的/pages/index/index.wxml index.js...
    云天大侠_general阅读 11,444评论 2 3
  • 小程序的输入框主要有单行输入框 input 和多行输入框 textarea,这两个控件虽然看着比较简单,但使用时很...
    june5253阅读 14,173评论 2 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • 最近由于公司需求要做小程序开发,而且做h5的前端同事现在都很忙,所以我们移动开发就开始学习这个微信小程序了,...
    无沣阅读 1,635评论 1 4
  • 烟松针叶翠,树影上青苔。 我向山中去,清幽竟自来。 (平水 十灰) 师父(静坐的孙行者)修改版: 烟松针叶翠,屐齿...
    瑾檀yuying阅读 434评论 56 23