微信小程序的多行输入框textarea怎么用
发表于:2025-02-01 作者:千家信息网编辑
千家信息网最后更新 2025年02月01日,本篇内容介绍了"微信小程序的多行输入框textarea怎么用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有
千家信息网最后更新 2025年02月01日微信小程序的多行输入框textarea怎么用
本篇内容介绍了"微信小程序的多行输入框textarea怎么用"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
textarea
多行输入框。
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
value | String | 输入框的内容 | |
placeholder | String | 输入框为空时占位符 | |
placeholder-style | String | 指定 placeholder 的样式 | |
placeholder-class | String | textarea-placeholder | 指定 placeholder 的样式类 |
disabled | Boolean | false | 是否禁用 |
maxlength | Number | 140 | 最大输入长度,设置为 -1 的时候不限制最大长度 |
auto-focus | Boolean | false | 自动聚焦,拉起键盘。 |
focus | Boolean | false | 获取焦点 |
auto-height | Boolean | false | 是否自动增高,设置auto-height时,style.height不生效 |
fixed | Boolean | false | 如果 textarea 是在一个position:fixed 的区域,需要显示指定属性 fixed 为 true |
cursor-spacing | Number | 0 | 指定光标与键盘的距离,单位 px 。取 textarea 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 |
bindfocus | EventHandle | 输入框聚焦时触发,event.detail = {value: value} | |
bindblur | EventHandle | 输入框失去焦点时触发,event.detail = {value: value} | |
bindlinechange | EventHandle | 输入框行数变化时调用,event.detail = {height: 0, heightRpx: 0, lineCount: 0} | |
bindinput | EventHandle | 当键盘输入时,触发 input 事件,event.detail = {value: value}, bindinput 处理函数的返回值并不会反映到 textarea 上 | |
bindconfirm | EventHandle | 点击完成时, 触发 confirm 事件,event.detail = {value: value} |
示例代码:
//textarea.jsPage({ data: { height: 20, focus: false }, bindButtonTap: function() {this.setData({ focus: true}) }, bindTextAreaBlur: function(e) {console.log(e.detail.value) }, bindFormSubmit: function(e) { console.log(e.detail.value.textarea) }})
Bug & Tip
bug
: 微信版本6.3.30
,textarea
在列表渲染时,新增加的textarea
在自动聚焦时的位置计算错误。tip
:textarea
的blur
事件会晚于页面上的tap
事件,如果需要在button
的点击事件获取textarea
,可以使用form
的bindsubmit
。tip
: 不建议在多行文本上对用户的输入进行修改,所以textarea
的bindinput
处理函数并不会将返回值反映到textarea
上。tip
:textarea
组件是由客户端创建的原生组件,它的层级是最高的。tip
: 请勿在scroll-view
中使用textarea
组件。tip
:css
动画对textarea
组件无效。
"微信小程序的多行输入框textarea怎么用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!
输入
事件
多行
组件
键盘
内容
焦点
程序
最大
光标
函数
属性
更多
样式
知识
长度
处理
实用
最小
最高
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
网络安全基础知识考核
碧玉服务器怎么样
学校网络安全自查表怎么填
github服务器在哪
新基建怎么设置网络安全观
数据库加锁速度排行
坦克世界服务器又崩溃了
质量好的浪潮存储服务器多少钱
中储粮网络安全采购
oa数据库繁忙
大型网游用什么软件开发的
全民竞拍系统软件开发
世界上最大的连续动态更新的数据库指的是
软件开发合同 保密责任
中职学生网络安全就业指导
ue4服务器进入游戏流程
大华监控管理服务器默认密码
河南无极网络技术服务有限公司
网络安全对应检测
pg数据库与gp
统筹安排网络安全工作
天天惠网络技术是外包吗
数据库百分制长度是什么
alter数据库重置密码
ups软件开发指令
走进社区网络安全宣传
软件测试是软件开发过程中重要的
山东警察学院网络安全专业提前批
服务器硬件维护
邮件服务器防范措施