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

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

wxml文件厅纯内容

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

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

placeholder-style 指定 placeholder 的样式

placeholder 输入框为空时占位符

wxss文件内或伏卜容

解碰核纳决方案:

输入框设置 always-embed

always-embed 解决 ios系统在input 聚焦时同层显示的问题笑没

<input placeholder="请输入" always-embed="{{true}}"

value="{{waterTreatment}}" type="digit"  bindblur="bindInputChange">氏激</input>

placeholder文字在聚焦是为空,在失焦是显稿稿示顷敬悉为指定值

xml

<input type="text" class="searchInpt" placeholder="{{searchValue}}}" bindfocus="focusFn"雀乎 bindblur="blurFn"/>

js

Page({

data: {

searchValue:"请输入关键词"

},

focusFn:function(e){

this.setData({

searchValue:""

})

},

blurFn:function(e){

this.setData({

searchValue:"请输入关键词"

})

}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存