微信小程序textArea输入框随着输入字数自适应高度

微信小程序textArea输入框随着输入字数自适应高度,第1张

wxml文件内容

fixed='true' 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true

contenteditable="true" 是否自动增高,设置auto-height时,style.height不生效

placeholder-style 指定 placeholder 的样式

placeholder 输入框为空时占位符

wxss文件内容

为了展示效果,提前加入多行文本模拟数据。如下图

给需要使用换行的 text 标签添加CSS自动换行属性

小程序中的 textarea 等标签虽然都是显示文本的双闭合标签,但在使用方式上跟W3C标准下的 textarea 标签有所不同。延伸阅读: 微信小程序开发文档·textarea组件

js文件


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12000042.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存