收藏
回答

textarea设置auto-height的两个问题和placeholder换行

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 工具 7.0 2.0.4

- 当前 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>




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

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容