textarea设置auto-height的两个问题和placeholder换行
发布于 6 年前 作者 chaozhao 9069 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

1、textarea组件设置auto-height属性后,建议增加一个初始高度的属性与之相匹配,如果form中除textarea外还有input组件,很可能就会textarea比input的height值还小,看起来很别扭,如果能增加初始高度属性,就可以设置与input组件的height值相同,输入内容多了后还能自动增加高度,看起来比较舒服。见图一。

图一

2、textarea组件设置auto-height属性后,placeholder属性文字内容如果比较长的话,建议textarea组件的初始高度能和placeholder内容相适应,自动匹配一下,能让placeholder的内容完整显示,否则就会侵占其他组件显示空间,挤在一起。见图二。

图二

3、textarea组件的placeholder属性文字内容如果想强制换行,普通H5页面上可以用
实现,但小程序中会将
当成普通文字而不换行,见图二,普通正常h5页面见图三。

图三

  • 提供一个最简复现 Demo

<view class="">

<textarea class=“qlm-input” name=“tx” value="" placeholder=“这是一个textarea组件这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。&#13;&#10;&#13;&#10;这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。这是一个比较长的placeholder属性。” auto-height maxlength=“300”/>

<input class=“qlm-input” name=“name” type=“text” value="" placeholder=“这是一个input组件 : 姓名”/>

<input class=“qlm-input” name=“phone” type=“text” value="" placeholder=“这是一个input组件 : 手机号码”/>

</view>

因为刚试着用,还没发布,因此不知道手机上表现会如何。

回到顶部