微信小程序input组件
输入框:该组件是原生组件,使用的时候要注意相关的设置
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组件相关推荐
- 微信小程序input组件边框不显示问题的解决方法
问题情景 在微信小程序开发中经常用到input组件,但是如果按下面的wxml代码去写,input的边框是不会显示的,只有在鼠标点过去的时候才会有个光标 <view class="set ...
- 复习微信小程序input组件和wxss样式写法。
Input组件 输入框组件(参考小程序文档)写的相当清楚.. <view><text>请输入第一个数字</text><input type='number'v ...
- 微信小程序自定义组件(二)
微信小程序自定义组件 ps 由于作业部落貌似出了点问题,耽误了点时间,找了一个stackedit.io准备写.无奈,这是要自己建编辑器的节奏啊.没有一个能靠的注 为何存在组件 组件间的关系 使用rel ...
- 微信小程序 常用组件
欢迎体验个人小程序 表情小作坊 轻松定制表情包 三连图 文字转图片 吃什么都行 解决广大用户吃饭选择恐惧症的问题 微信小程序的组件也挺多了,还是把官网的组件介绍地址先贴出来吧 https://mp.w ...
- 微信小程序之组件 —— 微信小程序教程系列(19)
什么是组件: 组件是视图层的基本组成单元. 组件自带一些功能与微信风格的样式. 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内. <tagname property ...
- taro微信小程序时间组件picker的使用--省市区三级联动
微信小程序时间组件实现三级联动 项目技术手段支撑 taro+react+scss实现的微信小程序 Picker使用说明 相信大家在微信小程序开放文档里面已经学会了使用组件picker实现时间,和单列组 ...
- 微信小程序搜索组件wxSearch
微信小程序搜索组件wxSearch wxSearch优雅的微信小程序搜索框 一.功能 支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存 二.使用 1.将wxSearch文件夹 ...
- 微信小程序image组件开发程序以及相关图片问题参考资料汇总
微信小程序image组件开发程序以及相关图片问题参考资料汇总,希望对大家小程序开发能有一定的参考和借鉴价值.以下汇总主要涉及到微信小程序image组件有关资源路径.缩放和剪裁模式等进行的探讨,无论是对 ...
- 小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
最新文章
- Eclipse与AndroidStudio快捷键对比
- Linux的关机命令和重启命令
- PySpark安装和测试
- C#获取一些常用目录
- python发人人状态
- C# 约瑟夫环 用数组实现
- 化学版2048,你玩过吗?内含游戏链接
- c语言心形告白代码实现
- 【算法图解|1】js 实现一个函数,完成超过范围的两个大整数相加功能
- UITabBarController使用总结
- android地图方位角_Android获取经纬度、计算距离、方位角
- 自动化测试selenum
- 超级计算机开采金矿,科学家发现地球内部有超60万亿吨金矿,为什么没人敢开采?...
- mysql slave_mysql master slave
- 纪念工作一周年,也纪念我的blog开张。
- flutter 动画json_flutter常用内置动画组件
- SPC软件:全程监控食品质量
- 渗透之代理小知识--
- 智伴机器人三级分销模式_三级分销系统是什么模式
- Gmail收不到邮件咋办?