输入框:该组件是原生组件,使用的时候要注意相关的设置
 value:类型  字符串  输入框的初始内容

type:类型  字符串  input类型

属性值:text  文本输入键盘

number 数字输入键盘

idcard 身份证输入键盘

digit  带小数点的数字键盘

password:类型  布尔  是否是密码类型

placeholder:类型  字符串  输入框为空时占位符

placeholder-style:类型  字符串  指定 placeholder 样式

placeholder-class:类型  字符串  指定 placeholder 的样式类

disabled:类型  布尔  是否禁用

maxlength:类型  数字  最大输入长度,设置为-1时,不限制最大长度

cursor-spacing:类型  数字  指定光标与键盘的距离

focus:类型  布尔  获取焦点

confirm-type:类型  字符串  设置键盘右下角按钮的文字,仅在 type="text’ 时生效

属性值:send  右下角按钮为"发送"

search  右下角按钮为"搜索"

next   右下角按钮为"下一个"

go   右下角按钮为"前往"

done  右下角按钮为"完成"

confirm-hold:类型  布尔  点击键盘右下角按钮是否保持键盘不收起

cursor:类型  数字  指定 focus 的光标位置

selection-start:类型  数字  光标的起始位置,自动聚焦时有效  需与 selection-end 搭配使用

selection-end:类型  数字  光标的结束位置,自动聚焦时有效  须臾selection-start 搭配使用

adjust-position:类型  布尔  键盘弹起时,是否自动上推页面

事件:

bindinput:  键盘输入时触发

bindfocus:  输入框聚焦时触发

bindblur:   输入框失去焦点时触发

bindconfirm:  点击完成按钮时触发

微信小程序input组件相关推荐

  1. 微信小程序input组件边框不显示问题的解决方法

    问题情景 在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="set ...

  2. 复习微信小程序input组件和wxss样式写法。

    Input组件 输入框组件(参考小程序文档)写的相当清楚.. <view><text>请输入第一个数字</text><input type='number'v ...

  3. 微信小程序自定义组件(二)

    微信小程序自定义组件 ps 由于作业部落貌似出了点问题,耽误了点时间,找了一个stackedit.io准备写.无奈,这是要自己建编辑器的节奏啊.没有一个能靠的注 为何存在组件 组件间的关系 使用rel ...

  4. 微信小程序 常用组件

    欢迎体验个人小程序 表情小作坊 轻松定制表情包 三连图 文字转图片 吃什么都行 解决广大用户吃饭选择恐惧症的问题 微信小程序的组件也挺多了,还是把官网的组件介绍地址先贴出来吧 https://mp.w ...

  5. 微信小程序之组件 —— 微信小程序教程系列(19)

    什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...

  6. taro微信小程序时间组件picker的使用--省市区三级联动

    微信小程序时间组件实现三级联动 项目技术手段支撑 taro+react+scss实现的微信小程序 Picker使用说明 相信大家在微信小程序开放文档里面已经学会了使用组件picker实现时间,和单列组 ...

  7. 微信小程序搜索组件wxSearch

    微信小程序搜索组件wxSearch wxSearch优雅的微信小程序搜索框 一.功能 支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存 二.使用 1.将wxSearch文件夹 ...

  8. 微信小程序image组件开发程序以及相关图片问题参考资料汇总

    微信小程序image组件开发程序以及相关图片问题参考资料汇总,希望对大家小程序开发能有一定的参考和借鉴价值.以下汇总主要涉及到微信小程序image组件有关资源路径.缩放和剪裁模式等进行的探讨,无论是对 ...

  9. 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...

    如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...

最新文章

  1. Eclipse与AndroidStudio快捷键对比
  2. Linux的关机命令和重启命令
  3. PySpark安装和测试
  4. C#获取一些常用目录
  5. python发人人状态
  6. C# 约瑟夫环 用数组实现
  7. 化学版2048,你玩过吗?内含游戏链接
  8. c语言心形告白代码实现
  9. 【算法图解|1】js 实现一个函数,完成超过范围的两个大整数相加功能
  10. UITabBarController使用总结
  11. android地图方位角_Android获取经纬度、计算距离、方位角
  12. 自动化测试selenum
  13. 超级计算机开采金矿,科学家发现地球内部有超60万亿吨金矿,为什么没人敢开采?...
  14. mysql slave_mysql master slave
  15. 纪念工作一周年,也纪念我的blog开张。
  16. flutter 动画json_flutter常用内置动画组件
  17. SPC软件:全程监控食品质量
  18. 渗透之代理小知识--
  19. 智伴机器人三级分销模式_三级分销系统是什么模式
  20. Gmail收不到邮件咋办?

热门文章

  1. Nmap网络扫描实验
  2. 西邮linux面试题,西邮Linux兴趣小组纳新免试题! come on!
  3. 2020C#程序设计及应用教程复习总结
  4. 器件数据手册阅读基本方法
  5. 真有无限流量上网设备吗?必须是那种真无限流量、不限速的
  6. KesionCMS V4.x部份最常用的标签清单
  7. 面对世界不安,与其担忧,不如行动
  8. 单片机入门到高级进阶路径(附教程+工具)
  9. R语言rhdf5读写hdf5文件(.h5)展示文件组织结构和数据索引
  10. 运放方波发生器原理分析及实践过程