微信小程序input的placeholder的字体会上移或下移

Posted waiting-liang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序input的placeholder的字体会上移或下移相关的知识,希望对你有一定的参考价值。

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:"请输入关键词"
    })
  }
 
})

以上是关于微信小程序input的placeholder的字体会上移或下移的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-两个input叠加,多次点击字体变粗或闪动

微信小程序中的ios兼容性问题

微信小程序input的placeholder的字体会上移或下移

微信小程序实现验证码倒计时效果

解决微信小程序placeholder文字”悬浮“问题

解决微信小程序placeholder文字”悬浮“问题